1.0.0 • Published 3 years ago

wuxun-upload v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

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)