vue-upload-cropper
结合 element-ui upload + vue-cropper 进行图片初始化渲染,图片上传裁剪的封装
Demo
https://cmqiong.github.io/vue-upload-cropper/example
Notices
使用条件:
- 使用 elementUI
- 编译环境安装并配置 babel-plugin-transform-vue-jsx,babel-plugin-syntax-jsx
Installation
npm i vue-upload-cropper
Usage
main.js
Vue
or
Vue
.vue
Attribute
-
概述:与 ELUpload 的不同:不支持文件多选,不支持拖拽上传。增加几个新属性。其它用法与 ELUpload 同。
-
本插件新增属性:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
refName | 可选参数,组件 ref 名称 | String | - | photoUpload |
method | 可选参数,当 autoUpload=true 时有效 | String | post/put | post |
limit | 可选参数,上传图片张数限制 | Number | - | - |
limitSize | 可选参数,上传的图片大小限制,单位:kb | Number | - | - |
cropper | 可选参数,裁剪框设置选项 | Object | - | 详见 vue-cropper |