tinymce 富文本编辑器 上传本地图片，但是获取不到图片信息

Question

1.前端配置的时候我在init初始化中添加了方法

// 图片上传

images_upload_handler: function (blobInfo, success, failure) {
console.log('blobInfo===>', blobInfo);

打印的内容是空的

请问大佬们是什么原因呢，急

Answer 1

感谢大佬指点，其实blobInfo.blob() 才是获取的内容，原来一直打印错了，由于后台需要base64的数据格式，自己就改了下

images_upload_handler: (blobInfo, success, failure) => {
const url = this.upLoadBaseURL + '/UploadImgCdn/UploadBase64'
var reader= new FileReader();
reader.readAsDataURL(blobInfo.blob());
reader.onload= function () {
raceApi.postImgUrl({ image: this.result }).then(res=> {
if (res.code== 200) {
let url = res.data.domain + res.data.path
success(url)
console.log(url);
}
})
}
},

Answer 2

具体的你可能需要使用 blobInfo.blob() 来输出上传的图片blob,
这块是我之前配置的代码，你可以对比看下

init: {
    // ....其它配置代码
    images_upload_handler: (blobInfo, success, failure) => {
      const url = this.uploadURL
      let data = new FormData()
      data.append('file', blobInfo.blob(), blobInfo.filename())
      postAction(url, data).then(res => {
        if (res.status === 'done') {
          success(res.thumbUrl)
        } else {
          failure(res.msg)
        }
      })
    }
}

Answer 3

各位大佬，有偿请你们帮忙解决这个问题，就是后台收不到值这个，加qq：1784274251