更新记录

1.3.0（2022-04-10）

props增加了许多可以配置的属性， 修改了上传的方法

1.2.1（2021-01-25）

新增了自动上传选项

1.2.0（2020-08-18）

修复imageList有数据单数页面没有显示的bug

平台兼容性

easy-upload 组件

使用方法

    <easy-upload
        :dataList="imageList" 
        types="image"
        uploadUrl="http://xxxx.com/upload" 
        deleteUrl="http://xxxx.com/del" 
        @onUploadSuccess="successFails" 
        @onDelSuccess="deleteFails"
    >
        <template v-slot:uploadBtn>
            <view class="upload-btn">上传</view>
        </template>
    </easy-upload>

    //imageList 对应上边绑定的imageList
    data() {
        return {
            imageList: [],
        }
    },
    successFails(list){
        console.log(list)
        const res = list.map(item => {
            let resItem = JSON.parse(item);
            return resItem.url;
        });
        this.imageList = [...this.imageList, ...res];
        uni.showModal({
            content : '上传成功,详细信息请看控制台'
        });
    },
    deleteFails(e){
        console.log(e)
        const { data, index} = e;
        this.imageList.splice(index,1)
        uni.showModal({
            content: "删除成功,详细信息请看控制台",
            showCancel: true
        });
    }

Props:

Events:

Slots:

多图上传简单的组件，可以设置图片上传或者视频上传，目前暂不支持图片/视频混合上传，样式如果不符合要求可以在组件中进行修改。

本人测试环境为h5、微信小程序、安卓（11），其他平台如果有什么问题或者bug请在评论区说明

示例项目中有服务端代码 (node.js)