❤
npm
Sign UpSign In

vue-uploaders

1.0.6 • Public • Published

vue-uploaders

NPM version

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/jpg
image/jpeg
image/png
image/gif

事件

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

展示

avatar

源码地址

https://github.com/liqin1059/vue-uploaders

Readme

Keywords

Package Sidebar

Install

npm i vue-uploaders

Repository

github.com/liqin1059/vue-uploaders

Homepage

github.com/liqin1059/vue-uploaders#readme

Weekly Downloads

1

Version

1.0.6

License

MIT

Unpacked Size

508 kB

Total Files

19

Last publish

Collaborators

  • liqin95
Try on RunKit
Report malware