如何在ReactJS中使用cloudinary?

我目前正在使用reactjs构build一个应用程序。

我试图使用cloudinary节点(npm安装)来处理图像上传,但是当我尝试调用上传function,我得到一个错误post_request.setTimeout() is not a function

我已经被困在一个问题了一段时间,并会感谢任何指针。 提前致谢。

我做了什么

  1. npm install cloudinary

  2. import cloudinary from 'cloudinary'

  3. cloudinary.config(params)

  4. cloudinary.uploader.upload( image_url, callback)

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

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

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

如果想使用Node.js库执行服务器端上传,可以查看示例项目 。 如果您想执行客户端上传,那么当Cloudinary目前不提供React SDK时,以下选项之一可能会有所帮助:

  1. 您可以查看我们的jQuery或Angular开源SDK中的任何一个来查看它们的实现。
  2. 您可以使用我们的上传小部件从客户端上传图片,只需很less的代码即可完成。
  3. 如果图像是从远程URL上传的,而不是用户的本地文件,则可以使用我们的远程图像抓取function – http://cloudinary.com/documentation/fetch_remote_images