1、用action上传
2、使用http-request="fn"自定义进行上传
共同之处
1、当默认:auto-upload="true" ,选取了文件就走了action或者http-request的接口方法。
当:auto-upload="false" ,都需要通过this.$refs.upload.submit()进行接口或者方法的调用
何时使用action,何时使用http-request。
看后台,如果后台只给了个拼接网址的接口时候,没提文件时候,用action。
如果后台给多个参数包含文件地址等,或者需要三方文件服务器oss等时候。用http-reques
//当 :auto-upload="false"的时候,要注意以下问题
1、选完文件,http-request="fn" 的fn(file)是不存在file的,因为没走接口,所以没有回调
2、使用before-upload可以限制文件大小和格式, :auto-upload="false"时候,这个钩子是不会被触发的,可以使用on-change进行处理。同样都有file入参
=====另外需要注意的问题====
使用了on-change方法 直接赋值this.fileList = fileList,
删除需要用的on-remove
:on-preview="handlePreview" 是点击每条数据时候触发
on-success文件上传成功时的钩子,如果:auto-upload="false",是在submit()后触发
网友评论