更新记录

1.0.2(2020-06-15) 下载此版本

修复了一些问题

1.0.1(2020-06-10) 下载此版本

更新了用户不上传图片点击无反应的问题。 现在没有上传图片会返回code码。

1.0.0(2020-06-09) 下载此版本

第一个版本,从uniapp的同名组件改造过来,为了写原生小程序的朋友们。

查看更多

平台兼容性

小程序自定义组件的通用使用方式详见:uni-app中使用小程序自定义组件教程


插件安装

图片上传组件 将组件放在自己的组件库里导入即可

注意 1.组件加入后一定要去修改自己的上传路径!
2.自己的上传接口的返回值注意修改 我这边是0!

导入:

小程序.json 文件里

"usingComponents": {
    "imgUpload":"/component/imgUpload/imgUpload"
  },

属性 attribute

属性名 类型 介绍 默认值
imgArr Array 图片展示列表 []
uploadImgCount Number 一次可选多少张图片 3
imgCount Number 一共可以上传多少张图片 3
imgSize Number 上传图片的大小 2 (M)
closeTip Boolean 关闭小提示 false

方法 method

开始上传图片 在父页面中调用该方法 注意 一定要给组件 id 如下(示范代码)


示范代码

wxml:
<imgUpload id="imgUpload" imgArr="{{imgArr}}"></imgUpload>
<button bindtap="submit"></button>
js

submit(){
    const imgUpload = this.selectComponent("#imgUpload");
    imgUpload.upload(res=>{
        if(res.code==0){
                // 正常的返回code=0 将回调的线上图片数组 赋值给需要提交的表单里
                // res.urlArray 线上路径图片数组
                //TODO

        }else{
            //没有上传图片的返回 code=400
        }
    })
}

隐私、权限声明

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

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

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

许可协议

MIT协议

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