在Vue中，通过axios请求接口后，无法将图片插入到富文本编辑器中，控制台没有报错

[cat-kun]

       imageUpload: {
          upload: file => {
            return new Promise((resolve, reject) => {
              // resolve('https://img.xhuijia.com/bulletin/uXhOzZFFxDiFaIUteDlRtkcz2ZW3lgCjNYrbvqya.jpeg')
              let formData = new FormData()
              formData.append('file', file)
              formData.append('dir', 'bulletin')
              axios({
                url: `/file/upload`,
                method: 'post',
                config: { headers: {'Content-Type': 'multipart/form-data' }},
                data: formData,
              })
              .then(res => {
                console.log(res);
                let d = res.data
                if(d.code == 0) {
                  console.log('接口返回的图片路径', `${process.env.IMAGE_HOST}${d.data.path}`);
                  resolve(`${process.env.IMAGE_HOST}${d.data.path}`)
                }else {
                  this.$vux.toast.text(d.msg, 'middle')
                }
              })
              .catch(err => {
                console.log(err);
              })
            })
          }
        },

上传图片后，能打印出图片绝对路径，但是无法插入到富文本编辑器中

[dragonwong]

@dengxiaozhen 此时富文本内容是什么？主要看看 img 标签的 src

[cat-kun]

@dengxiaozhen 此时富文本内容是什么？主要看看 img 标签的 src

您好！当富文本内容空白的时候，上传图片后，再去获取富文本内容，是空白的；当富文本内容有文字时，上传图片后，再去获取富文本内容，依然是之前的内容，不会有变化

[dragonwong]

@dengxiaozhen 移除该插件，使用原生 quill 插入图片成功吗？插入的是 base64 的地址吗？

[cat-kun]

@dengxiaozhen 移除该插件，使用原生 quill 插入图片成功吗？插入的是 base64 的地址吗？

是的，不用该插件的话，插入的是base64地址