更新记录

1.0.1（2021-01-14） 下载此版本

APP 拍照取不到图片路径修复，权限禁止后，会弹框显示，并封装了APP（包括安卓和ios）的权限方法供判定使用

1.0.0（2021-01-05） 下载此版本

初始提交

平台兼容性

前言

简介：上传图片通用组件，固定一定数量的上传几张图的场景，有一张图的img是空的表示没上传，直接引用

有疑问

微信搜索“慢慢向好”小程序，找客服反馈，相应问题。

素材

图片资源

开始使用

下载源码解压，复制/components 下的组件至项目根目录的 /components 文件夹下

index.vue的script加入如下部分：

import imgUpload from '@/components/ay-img-upload/ay-img-upload.vue';
    export default {
        components: {
            imgUpload,

        },
        data() {
            return {
                themeColor : '#33CCCC',
                uploadTipList : [
                    {
                        name : '凭证1',
                        img :'',
                        remove : true ,
                    },
                    {
                        name : '凭证2',
                        img :'',
                        remove : true ,
                    },
                    {
                        name : '凭证3',
                        img :'',
                        remove : true ,
                    },
                ],
            }
        },
        onLoad() {
            let that = this;

        },

        methods: {
            imgAddFun(e) {
                let that = this;
                console.log(e)
                //固定一定数量的上传几张图的场景，有一张图的img是空的表示没上传
                that.uploadTipList = e;
            },
        }
    }

index.vue的template加入如下部分：

<view >
        <imgUpload :themeColor="themeColor" :list="uploadTipList" @imgAdd="imgAddFun" ></imgUpload>

    </view>

参考插件

参考插件 参考插件