插件安装
图片上传组件 将组件放在自己的组件库里导入即可
### 注意
1.最好在回调结果后使用debugger看一下结果!
2.请先看一下示范代码。
3.如果有问题和建议可以联系我,也可以自己修改成符合自己项目的。
#### 导入:
> import imgUpload from '@/components/my-components/uImgUpload.vue';
-------------------------------------
#### 属性 attribute
| 属性名 | 类型 | 介绍 | 默认值 |
|----------------|--------|-------------|------------------|
| imgArr | Array | 图片展示列表 | \[\] |
| uploadImgCount | Number | 一次可选多少张图片 | 3 |
| imgCount | Number | 一共可以上传多少张图片 | 3 |
| imgSize | Number | 上传图片的大小 | 2 \(M\) |
| imgType | Array | 能上传图片的类型(注:小程序下不兼容) | \["jepg","png"\] |
| closeTip | Boolean | 是否关闭提示 | false |
| formData | Object | 提交时携带数据 | {} |
| loading | Boolean | 是否存在加载动画 | true |
| url | String | 上传图片的url (1.1.0版本新增) | "" |
| async | Boolean | 是否选择图片后直接上传 (1.1.0版本新增) | false |
| header | Array | 请求头添加新的属性值 (1.1.1版本新增) | [] |
| previewMany | Boolean | 是否开启多图预览 (1.1.2版本新增) | false |
| config | Object | 配置对象 **已经设置默认值** (1.1.2版本新增) | {} |
-------------------------------------
>>config对象参数
| 属性名 | 类型 | 介绍 | 默认值 |
|----------------|--------|-------------|------------------|
| delIcon | String | 删除图片的icon,使用图片链接 | "" |
| resultTip | Boolean | 是否显示结果提示 | true |
| resultType | String | 结果展示类型 [暂时只存在1] | 1 |
| loadIcon | String | 加载时的图标 | "" |
| loadText | String | 加载时的文字 | "" |
-------------------------------------
#### 方法 method
>当**async**为**true**的时候
>存在两个方法
| 方法名 | 介绍 |
|--------|------------------------|
| result | 上传后的返回结果\(成功对象\) |
| delImg | 删除图片返回下标\(传入的图片数组的下标\) |
>开始上传图片 在父页面中调用该方法(当async为false,也就是默认值的时候使用)
> *注意* 一定要给组件 **ref="imgUpload"**
-------------------------------------
####示范代码
```
```