更新记录

1.0.0(2019-08-08) 下载此版本

1.0.0
  • 初始项目

平台兼容性

图片选择器

图片选择器

组件名:zw-upload-img。

使用方式

script中引用

import zwUploadImg from '@/components/zw-upload-img/zw-upload-img.vue'
export default {
    components: {zwUploadImg}
}

用法

<zw-upload-img :title="图片(工作票)" :num="9" :dataList="dataList"></zw-upload-img>

zw-upload-img 属性说明

属性名 类型 默认值 说明
title String 图片(选填,提供问题图片,总大小10M以下) 标题
num Number 9 可选择图片数量
dataList Array [] 存放图片路径数组
@chooseImg="chooseImg" function - 见下
@close="close($event)" function - 删除单个图片,close(msg) {this.dataList = msg;}

Tips

  • @chooseImg 函数体
chooseImg() {
    //选择图片
    uni.chooseImage({
        sourceType: ['camera', 'album'],
        sizeType: ['compressed', 'original'],
        count: this.num - this.dataList.length,
        success: res => {
            this.dataList = this.dataList.concat(res.tempFilePaths);
            // #ifdef APP-PLUS
            this.upLoadImg1(); //上传,需自行写
            // #endif
        }
    });
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问