upload-vue-m

基于vue的图片上传插件，移动PC皆可

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

npm 安装

npm install upload-vue-m --save

例

在main.js中引入

import upload from 'upload-vue-m'
Vue.use(upload)

##在组件中使用

<seikann-upload
      @getWarning="getWarn" // 获取警告
      @getImages="getImages" // 获取需要上传的图文件流。fileList适用于formdata格式上传 和 showList图片展示
      uploadStyle="" // 设置上传dom样式 Object  例{width: '80px', height: '80px'}
      closeBtnStyle="" // 设置关闭按钮样式 Object
      accept="" // 设置上传文件格式 String
      maxSize="" // 设置最大文件限制 Number
      maxLength="" // 设置可上传的最大数量 Number
      isRepeat=""> // 设置是否允许上传重复图片 Boolean
    </seikann-upload>

版本

版本	备注
1.1.0	基于vue的上传图片基本功能，只是移动端、pc端
1.1.3	更新：修复手机端拍照上传 图片旋转bug

参数

参数	类型	备注	必须	默认值
uploadStyle	Object	设置上传dom样式	否	{width: '80px',height: '80px','background-color': '#ccc'}
closeBtnStyle	Object	设置关闭按钮样式	否	{}
accept	String	设置上传文件格式	否	'image/*'
maxSize	Number	设置最大文件限制(M)	否	10
maxLength	Number	设置可上传的最大数量	否	5
isRepeat	Boolean	设置是否允许上传重复图片	否	false

事件

事件	类型	备注
getWarning	event	获取警告信息
getImages	event	获取需要上传的图文件流。fileList适用于formdata格式上传 和 showList图片展示

源码地址：https://github.com/seikann/upload-vue-m

For detailed explanation on how things work, consult the docs for vue-loader.