我在vue項目中使用vue-html5-editor解決圖片上傳問題,
只需要將配置圖片設置中一項修改后臺就可以了,
// 配置圖片模塊
// config image module
image: {
// 文件最大體積,單位字節 max file size
sizeLimit: 512 * 1024,
// 上傳參數,默認把圖片轉為base64而不上傳
// upload config,default null and convert image to base64
upload: {
url: '/api/captical',//圖片上傳路徑
headers: {},
params: {},
fieldName: 'file'// 需要修改的地方
},
// 響應數據處理,最終返回圖片鏈接
// handle response data,return image url
uploadHandler(responseText){
//default accept json data like {ok:false,msg:"unexpected"} or {ok:true,data:"image url"}
var json = JSON.parse(responseText)
if (!json.ok) {
alert(json.msg)
} else {
return json.data
}
}
這樣就ok了