tinymce公式提交问题

创建公式后生成base64格式的图片，与普通上传图片冲突，需要单独上传

1、判断需要上传的文件是否为普通文件，可以按照文件名称来判断，公式文件没有名称

images_upload_handler中打印：console.log(blobInfo.blob())

普通文件返回：

公式文件返回：

2、提取

源文件：提取后：

 注：这里从富文本中提取的所有图片文件，每次上传后src都会变成文件链接

3、取出数组中base64文件

result.forEach(element => {

  if (element.url.indexOf('data:image/png;base64,') > -1) {

    bytes = element.url

  }

})

4、上传

const config = {

  headers: {

    'Content-Type': 'multipart/form-data',

    accesscode: $cookies.get('accesscode')

  }

}

axios.post(url, data, config).then(res => {

  if (res.data.code === 200) {

    resolve(res.data.data.url) // 上传成功，在成功函数里填入图片路径

  } else {

    reject('上传失败' + res.data.message)

  }

}).catch(() => {})

 

完整代码：

// src/components/teditor.vue