upload-vue-m
基于vue的图片上传插件,移动PC皆可
Build Setup
# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build
npm 安装
npm install upload-vue-m --save
例
在main.js中引入
Vue
在组件中使用
// 设置是否允许上传重复图片 Boolean
版本
版本 | 备注 |
---|---|
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.