wuxun-upload v1.0.0
wuxun-upload
这是上传文件组件;
使用 main.js 中引入
import wxUpload from 'wuxun-upload'
Vue.use(wxUpload)
<wxUpload />
API
props
headers
:设置上传的请求头部, 类型:Object;action
:上传的地址 类型:String;data
:上传时附带的额外参数 类型:Object;multiple
:是否支持多选文件 类型:Boolean, 默认:false;maxSize
:允许上传文件大小 类型:Number ,默认:10;name
:上传的文件字段名 类型:String ,默认:file;disabled
:是否禁用 类型:Boolean 默认:false;limit
:最大允许上传个数 类型:Number 默认:10;auto-upload
:是否在选取文件后立即进行上传。 类型:boolean 默认为 true;file-list
:上传的文件列表, 例如: {name: '名称', url: '地址'} 类型:Array;
callback
on-change
:文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用,类型:function(file,flieList);before-upload
:上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。 类型: function(file);http-request
:覆盖默认的上传行为,可以自定义上传的实现。 类型:function;on-progress
:文件上传时的钩子 类型:function(event,file,fileList) ;on-success
:文件上传成功执行的钩子函数,参数为(response,file,flieList);on-error
:文件上传失败执行的钩子函数,参数为(error,file,flieList);before-remove
:删除文件之前的钩子,参数为上传的文件和文件列表,若返回 false 或者返回 Promise 且被 reject,则停止删除。 类型: function(file);on-remove
:文件列表移除文件时的钩子,类型:function(file,flieList);on-exceed
:文件超出个数限制时的钩子 类型:function(files, fileList);on-exceeded-bytes
:超出上传文件大小钩子函数 类型:function(files, this.fileList)
3 years ago