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