Vue2Editor 富文本编辑器图片上传


<div class="editor">
<vue-editor id="editor" useCustomImageHandler v-model="innercontent" @image-added="handleImageAdded" />
</div>

handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {
var formData = new FormData();
formData.append("file", file); //第一个file 后台接收的参数名
this.$axios({
url: "/app/oss/upload",//上传路径
method: "POST",
data: formData,
}).then(result => {
console.log(result);
let url = result.data.data.fileurl; // 返回给你的图片路径
Editor.insertEmbed(cursorLocation, "image", url);
resetUploader();
})
.catch(err => {
console.log(err);
});
},
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM