更新记录

1.0.0（2025-06-03） 下载此版本

首次上传

平台兼容性

uni-app(4.01)

其他

注意事项

1、imgUpUrl 图片上传的接口路径 必填，如果需要传token 自行修改插件上传方法的herder 2、接口返回值取的res.data.data，如果接口返回结构不一样需自行修改 3、图片回显用的fullurl字段，如果不一样自行修改

基础参数

事件回调

代码使用示例

<template>
    <view class="page-bg">
        <view class="form-item">
            <view class="label">多张图片：</view>
            <view class="item-value">
                <imgUpload v-model="imgArr1"></imgUpload>
            </view>
        </view>
        <view class="form-item">
            <view class="label">单张图片：</view>
            <view class="item-value">
                <imgUpload v-model="imgArr2" :limit="1"></imgUpload>
            </view>
        </view>
        <view class="form-item">
            <view class="label">身份证：</view>
            <view class="item-value">
                <imgUpload v-model="idCardImg" :limit="1" width="300rpx" height="200rpx">
                    <view class="card-box" style="width: 300rpx;height:200rpx;">身份证上传</view>
                </imgUpload>
            </view>
        </view>

    </view>
</template>

<script>
    import imgUpload from '@/components/imgUpload.vue'
    export default {
        components: {
            imgUpload
        },
        data() {
            return {
                imgArr1: [],
                imgArr2: [],
                idCardImg: []
            }
        }
    }
</script>

<style scoped lang="scss">
    .page-bg {
        padding: 20rpx;
    }

    .card-box {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #999;
    }

    .form-item {
        display: flex;
        align-items: center;

        .label {
            width: 150rpx;
            text-align: right;
        }

        .item-value {
            flex: 1;
        }
    }
</style>