问题使用React媒体编辑器和图像上传部件
hi
正试图创建React,让我的媒体编辑器立即打开,让用户编辑刚使用上传部件上传的图片
I try运行媒体Editor部件Ref.getConfig (),但总归不定义,当我想运行媒体Editor部件Refshow ()时,它总是出错“无法读取非定义属性(阅读id)”。有谁知道答案吗
这是我的代码
//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("media编辑器元件Ref为 :
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
},[
返回
)
}
注释
-
多谢您,它的工作很好
0
