image-picker-rui

基于vue 、element-ui和vue-cropper 封装的图片上传组件，支持v-model

##安装

• npm install image-picker-rui -S

##使用

全局注册

// main.js
import ImagePicker from 'image-picker-rui'
Vue.use(ImagePicker)

本地注册

import ImagePicker from 'image-picker-rui'

export default = {
    name: 'xxx',
    components: { ImagePicker },
    method: {
        uploadImage(file) {...}
    }
}

组件使用

<image-picker v-model="url" :uploadImage="uploadImage"></image-picker>

配置

| 参数 | 类型 | 默认值 | 备注 | | ------------- | ---------- | ------------- | ----------------------------- | | isMulti | Boolean | false | 是否多张图片 | | isCut | Boolean | false | 是否裁剪图片 | | upLoadImage | Function | | 自定义上传接口，返回Promise | | maxSize | Number | 0 | 限制图片大小，默认不限制 | | tip | String | | element-ui上传组件tip | | size | Array | [1280, 720] | 裁剪框的宽高，会锁定比例 |

图片上传接口示例

uploadImage(file) {
    return new Promise((resolve, reject) => {
        const params = new FormData()
        params.append('file', file)
        // 接口
        upload(res => {
            resolve(res)
        }).catch(err => {
            reject(err)
        })
    })
}