如何在ReactJS中使用cloudinary？

我目前正在使用reactjs在flux架构上构建一个应用程序。如何在ReactJS中使用cloudinary？

我试图使用cloudinary节点（npm安装）来处理图片上传，但当我尝试调用上传功能时，出现错误post_request.setTimeout() is not a function。

我一直在一个问题上停留一段时间了，并会感谢任何指针。提前致谢。

我做什么

npm install cloudinary
import cloudinary from 'cloudinary'
cloudinary.config(params)
cloudinary.uploader.upload(image_url, callback)

从文档，我应该能够调用cloudinary.uploader.upload(file, callback, options)其中文件是文件名或图像URL

日志给错误post_request.setTimeout() is not a function

我会很感激任何提示，可以帮助用这个上传。提前致谢。

来源

2015-11-10 Cent

你解决了吗？ –

如果您想使用Node.js库执行服务器端上传，可以查看sample projects。如果你想执行客户端上传，然后同时Cloudinary目前不提供的SDK进行反应，下列选项之一可以帮助：

你可以看一下我们的任一或jQuery开放Angular的来源SDK来查看他们的实现。
您可以使用我们的Upload widget从客户端上传图片，只需很少的代码即可完成。
如果图像是从远程URL上传而不是用户的本地文件，您可以使用我们的远程图像抓取功能 - http://cloudinary.com/documentation/fetch_remote_images。

来源

2015-11-15 10:01:13

现在只有一个javasciprt SDK，但我找不到它的文档...我怎样才能使用它，而不是使用jQuery捆绑我的应用程序？（我假设你在Cloudinary工作是因为上面的“我们的远程图像”） – jpenna

对不起，我的响应延迟，由于某种原因错过了它。是的，我在Cloudinary工作:)。以下是完整的纯Javascript文档 - https://cloudinary.com/documentation/javascript_integration。没有jQuery的上传可以通过纯Javascript（这里是一个基本示例 - https://codepen.io/team/Cloudinary/pen/QgpyOK），或者使用Upload Widget（https://cloudinary.com/documentation/upload_widget） –

如何在ReactJS中使用cloudinary？

回答

相关问题