微信小程序基于ColorUI的图片文件上传组件

微信小程序基于ColorUI的图片文件上传组件

1. 项目引用ColorUI样式库
2. 复制组件到工程
3. 使用组件代码
4. 更换文件上传路径/文件删除路径

组件代码解析

• titel : 上传组件名称
• imgList : 文件路径数组
• imgCnt : 文件最大上传数
• imageEvent : 回调方法(返回上传以后的文件路径)

使用组件代码

微信wxml

<img-upload titel="外包装" imgList="{{file}}" imgCnt="3"  bind:imageEvent="imageEvent"></img-upload>

微信json

"usingComponents": {
    "img-upload":"/components/img-upload/img-upload"
}

微信js

data: {
    file:[],
},
imageEvent(e) {
    var that = this;  
    let file = e.detail;
    that.setData({
      file
    })
}

图片效果

欢迎各位大佬进QQ群交流:958511440

附上链接

https://pan.baidu.com/s/1pHfXiP-1HPBz7_Q83a4h6w
提取码：8888