wangEditor自定義上傳圖片
wangEditor官方文檔和視頻并沒有給到前端代碼示例,雖然基本上也能判斷,但是對新手不是很友好,記錄下wangEditor自定義上傳圖片,粗淺的代碼如下,有問題歡迎評論區(qū)討論,我只會簡答的,難的問題就期望評論區(qū)遇到大佬了。
后端接口
1、返回值RestBean<ImageData>
ImageData保存wangEditor中定義圖片的是三個參數(shù)
單獨創(chuàng)建RestBean<T>是方便我整個項目的統(tǒng)一,可以僅使用上面的ImageData
2、上傳接口
url:/upload/image
參數(shù):@RequestParam?MultipartFile file
3、下載接口
url:/download/image/{imageName}
前端(主要記錄內容)
1、editorConfig配置
直接在customUpload(){????}中自己的上傳文件代碼。
upload: 自定義的上傳方法,看下面的代碼
/upload/image: 對應后端接口
file: file:?第一個file對應后端需要接受的參數(shù)名file,第二個file就是方法中傳進來的圖片
message:對應后端RestBean中的message參數(shù),這個保存的就是ImageData。
然后就是給inserFn傳入這個參數(shù)
2、upload方法