我是 React 的新手。 我正在寻找一种将照片上传到Cloudinary的好方法。 我看到了 Cloudinary 小部件,但我在 React 应用程序中实现它时遇到了问题,如下所述:https://cloudinary.com/blog/how_to_build_an_image_library_with_react_cloudinary#uploading_images
我将脚本标签放在索引中.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);
}
);
}
...
但我收到错误:未定义"云"
如果这很重要,我的应用程序的样板是使用 create-react-app 生成的。
这是非常正常的,正如这里和这里所指出的那样。您需要从window
对象访问cloudinary
对象:
window.cloudinary.openUploadWidget(...)
你可以使用 React Cloudinary Uploader for Rect,这是目前在 React 中处理 Cloudinary 的最佳解决方案。