如图所示,Element UI提供upload上传方法,此为基本结构和函数方法。
on-remove 文件列表移除文件时的钩子function(file, fileList)
on-success文件上传成功时的钩子function(response, file, fileList)
on-error文件上传失败时的钩子function(err, file, fileList)
before-upload上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。function(file)
着重强调一下 on-success
该方法返回三个参数 response file fileList,分别返回对应参数
response :返回url地址,code状态 和 message信息
file : 返回status状态, name图片名, size 长度大小等等
fileList :返回数组,包含每一个file内容
on-success方法上传会遇到的错误是跨域,一般原因可能是会根据服务端的设置不同的结构会产生不同的请求头,这是个别的情况。例如,post 变get option请求,报错302
如果只是单纯的跨域,只需要服务端设置成允许跨域就完全可以。
如果设置跨域后,还是报跨域错误,那么就是图片太大了。
导致上传报错,无法返回response。这时候需要切成合适尺寸 建议1080*1620.