方法一:通过配置file-list(推荐使用)
html部分:
js部分:
关键代码说明:
auto-upload
设置为 false
用于关闭组件的自动上传;
file-list
配置一个数组用于接收上传的文件列表;
multiple
设置为 true
表示支持多选文件;
action
配置为完整的上传接口url,不配置会报错
- 不用配置
data
、on-success
、on-error
等参数,因为手动上传不会用到这些配置信息;
- 最后通过点击按钮手动调用上传函数
submitUpload
,创建一个 FormData
把 fileList
的文件存进去。
方法二:通过配置http-request
html部分:
js部分:
关键代码说明:
http-request
自定义上传方法;
- 最后通过点击按钮手动调用上传函数
submitUpload
,创建一个 FormData
, 调用 upload
组件的 submit
方法的时候会循环调用 http-request
配置的方法,从而往 FormData
里存放文件。