查询图像上传元件媒体编辑器元件

新多sensei
新多sensei 成员文章数 :一号
编辑2023 开发者APIs

嘿乡亲即媒体编辑直接打开 允许用户编辑刚通过上传部件上传的图片下方举例内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

},[

返回

照片更新页面

)

}

标记 :

答案解析

  • SreeCloudi
    SreeCloudi 云化员工成员文章数 :23号
    编辑2023

    HishindoSensei,

    感谢您的职位

    麻烦你发代码箱

    临Τ

    同时,你能请求什么线返回

    mediaEditorWidgetRef.current = cloudinaryRef.current.mediaEditor()

    基于错误,它看起来像响应为空并尝试访问不存在的东西

    最优视点

    斯里

Baidu
map