如圖所示蓄拣,Element UI提供upload上傳方法,此為基本結(jié)構(gòu)和函數(shù)方法濒憋。
on-remove? ? 文件列表移除文件時(shí)的鉤子function(file, fileList)
on-success文件上傳成功時(shí)的鉤子function(response, file, fileList)
on-error文件上傳失敗時(shí)的鉤子function(err, file, fileList)
before-upload上傳文件之前的鉤子,參數(shù)為上傳的文件挽懦,若返回 false 或者返回 Promise 且被 reject艾恼,則停止上傳住涉。function(file)
著重強(qiáng)調(diào)一下? ? ?on-success?
該方法返回三個(gè)參數(shù) response? ?file? ?fileList,分別返回對應(yīng)參數(shù)
response? ?:返回url地址钠绍,code狀態(tài) 和 message信息
file : 返回status狀態(tài)舆声, name圖片名, size? 長度大小等等
fileList :返回?cái)?shù)組柳爽,包含每一個(gè)file內(nèi)容
on-success方法上傳會(huì)遇到的錯(cuò)誤是跨域媳握,一般原因可能是會(huì)根據(jù)服務(wù)端的設(shè)置不同的結(jié)構(gòu)會(huì)產(chǎn)生不同的請求頭,這是個(gè)別的情況磷脯。例如蛾找,post 變get? option請求,報(bào)錯(cuò)302
如果只是單純的跨域赵誓,只需要服務(wù)端設(shè)置成允許跨域就完全可以打毛。
如果設(shè)置跨域后,還是報(bào)跨域錯(cuò)誤俩功,那么就是圖片太大了幻枉。
導(dǎo)致上傳報(bào)錯(cuò),無法返回response诡蜓。這時(shí)候需要切成合適尺寸? 建議1080*1620.