插件安装 图片上传组件 将组件放在自己的组件库里导入即可 ### 注意 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"** ------------------------------------- ####示范代码 ``` ```