vue中 Tinymce上传本地图片的实现

最新推荐文章于 2024-08-06 14:35:02 发布

reembarkation

最新推荐文章于 2024-08-06 14:35:02 发布

阅读量412

点赞数 7

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/reembarkation/article/details/136933924

版权

本文介绍了如何在JavaScript中使用`images_upload_handler`配置函数，通过FormData对象上传图片到`uploadPic`接口，处理成功和失败情况，并将上传成功的图片路径通过`success`方法返回。

摘要由CSDN通过智能技术生成

images_upload_handler:(blobInfo, success, failure, progress)=>{
          var formData;
          formData = new FormData();
          formData.append("file", blobInfo.blob(), blobInfo.filename());

          uploadPic(formData).then((response) => {
            let {code,data,message}=response.data
            console.log('response',response)
            if(code==200){
              let picUrl=this.baseURL+data
              success(picUrl)
            }else{
              failure("上传失败", { remove: true });
            }
          })
        },

主要是对参数images_upload_handler的配置，上传接口为uploadPic,然后拼接你要显示的图片的路径（因为返回的可能只是部分路径），然后使用success方法，将要显示的图片路径加入即可。