在React中使用Cloudinary小部件

Question

我是React的新手.我正在寻找一种将照片上传到Cloudinary的好方法.我看到了Cloudinary小部件,但是我在React应用程序中实现它时遇到了麻烦,如下所述:https://cloudinary.com/blog/how_to_build_an_image_library_with_react_cloudinary#uploading_images

我把script标签放在index.html体中:

<script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script>

然后尝试在组件中使用:

class Landing extends Component {
  uploadWidget() {
    cloudinary.openUploadWidget(
      { cloud_name: 'minetoo', upload_preset: 'mine', tags: ['xmas'] },
      function(error, result) {
        console.log(result);
      }
    );
  }
...

但我得到错误:'cloudinary'没有定义

我的应用程序的样板是使用create-react-app生成的,如果这很重要的话.

Answer 1

这在这里和这里指出是非常正常的.您需要cloudinary从window对象访问该对象:

window.cloudinary.openUploadWidget(...)