查询图像上传元件媒体编辑器元件
嘿乡亲即媒体编辑直接打开 允许用户编辑刚通过上传部件上传的图片下方举例内https://codesandbox.io/s/uw-mew-forked-dudee6?file=/src/index.js)
.尝试运行媒体Editor部件Ref.getConfig ()返回非定义性,并尝试运行媒体Editor部件Refshow ()返回错误“无法读取非定义属性有谁知道吗
我的代码详解
//Context
{actext}导出自././ctext/actext
{使用Context}
从 react-botstrap/button导入按钮
{使用效果使用Ref}
导出默认函数PhotoUpload
const {用户freester}=使用Context
康斯特云性Ref=使用Ref
s上传图像元件Ref=使用Ref
st媒体元件Ref=使用Ref
康斯特上传=
控制台.log(开放图像上传程序
uploadImageWidgetRef.current.open()
}
effect(()++
//Setup创建UploadWe
云性Ref.s流= window.cloudy
const cloudName = process.env.REACT_APP_CLOUDINARY_CLOUD_NAME
const uploadPreset = process.env.REACT_APP_CLOUDINARY_UPLOAD_PRESET
mediaEditorWidgetRef.current = cloudinaryRef.current.mediaEditor()
uploadImageWidgetRef.current = cloudinaryRef.current.createUploadWidget({
云化Name
上传Preset
源码:
多重性:假性
folder: `${user.uid}/public_photo`,
标签:
最大图像FileSize:50000/5m
频谱Ratio:1//square
croppingDefaultSelectionRatio: 0.5,
资源类型:图像
裁剪:真
}(error,结果)
//回调点击Crop或跳转图像上传程序
if.eror结果.events
控制台.log
console.log(result.info.public_id)
控制台.log (Clodname为:
console.log("mediaEditorWidgetRef is:")
console.log(mediaEditorWidgetRef.current)
mediaEditorWidgetRef.current.update({
publicIds: [result.info.public_id],
云名:云名
图像:{
阶梯:
}
}
console.log(mediaEditorWidgetRef.current.getVersion())
uploadImageWidgetRef.current.close(true)
mediaEditorWidgetRef.current.show()
}
if(eror){
控制台.log(“错误生成有误上传部件 : ”)
console.log(error)
}
}
控制台.log
},[
返回
)
}
答案解析
-
HishindoSensei,
感谢您的职位
麻烦你发代码箱
临Τ
同时,你能请求什么线返回
mediaEditorWidgetRef.current = cloudinaryRef.current.mediaEditor()
基于错误,它看起来像响应为空并尝试访问不存在的东西
最优视点
斯里
0
