更新记录

1.0.6（2021-03-05） 下载此版本

1、优化样式，不限于colorUI库项目中。 2、增加title控制，传“”空时只展示上传图片列表。

1.0.5（2020-10-30） 下载此版本

修复Object.clone报错问题，我项目自定义了clone方法，现替换成concat Object.clone = (obj, func = false) => { if (!obj || !(obj instanceof Object) || (typeof obj == "function")) { if (typeof obj == "function" && func) { return null; } return obj; } var constructor = obj.constructor; var result = new constructor(); for (var key in obj) { if (obj.hasOwnProperty(key)) { result[key] = Object.clone(obj[key]); } } return result; };

1.0.4（2020-10-22） 下载此版本

更新示例工程

平台兼容性

前言

基于colorUI开发，封装了对图片上传的模块。

交流

若有问题可留言

属性说明

实例代码

    <template>
        <view class="page">
            <view class="content">
                <fjj-images title="图片上传示例" :pageImgList="imgList" :imgCount="9" @addImg="editParkImg"
                @deleteImg="deleteImg"></fjj-images>
            </view>
        </view>
    </template>

    <script>
    import fjjImages from '@/components/fjj-images/fjj-images.vue';
    export default {
        components: {
            fjjImages
        },
        data() {
            return {
                imgList: ['https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'],
            };
        },
        onLoad: function(option) {

        },
        methods: {
            editParkImg(currentTempFilePath) {
                //执行增加操作
                console.log(currentTempFilePath);
                // uni.uploadFile({
                //  url: '链接地址',
                //  filePath: currentTempFilePath,
                //  name: 'file',
                //  formData: {},
                //  success: (res) => {

                //  },
                //  fail: (res) => {

                //  },
                // });

            },
            deleteImg(index) {
                //删除操作 index数组中的下标
                console.log(index);
            },
        },
    }
</script>

<style>
    .content {
        padding: 0 21rpx;
        margin-top: 21rpx;
    }
</style>