Vue-uploaders NPM

vue-uploaders

vue uploaders tools📑📃 vue上传组件

支持

图片数量自定义
图片列表样式自定义
图片压缩
上传按钮自定义
ios拍照兼容（旋转问题）
上传回调
图片格式
pc，移动兼容

npm install

npm install vue-uploaders --save

使用

在main.js中引入

import VueUpload from 'vue-uploaders'
Vue.use(VueUpload)

<vue-uploaders
  :actionUrl="http://"
  :showList="true"
  :limit="9"
  :listStyle="{}"
  :deleStyle="{}"
  :inputStyle="{}"
  :compressPercent="0.3"
  :accept="'image/jpg,image/jpeg,image/png,image/gif'"
  @uploadSuccess="uploadSuccess"
  @uploadError="uploadError"
  @deleteImages="deleteImages">
</vue-uploaders>

参数

参数	类型	备注	必须	默认值
actionUrl	String	上传地址	是	空
showList	Boolean	是否展示图片列表	否	true
limit	Number	上传图片限制数量	否	9
listStyle	Object	图片列表样式(驼峰命名：backgroundColor)	否	{}
deleStyle	Object	删除图片样式(驼峰命名：backgroundColor)	否	{}
inputStyle	Object	上传按钮样式(驼峰命名：backgroundColor)	否	{}
compressPercent	Number	图片压缩比例	否	0.3
accept	String	图片格式	否	image/jpgimage/jpegimage/pngimage/gif

事件

事件	类型	备注
deleteImages	event	删除图片事件回调（参数：图片index）
uploadSuccess	event	上传成功事件回调（参数：response）
uploadError	event	上传失败事件回调（参数：错误信息）