上传处置图片上传过程展示

wl

2022-10-26 3845699a34ceb448b4d47a82bb928bf83203dcaf

 src/components/myUpload/index.vue

@@ -11,7 +11,6 @@
        :on-success="handleSuccess"
        :on-error="handleError" 
        :list-type="listType" 
        :on-preview="handlePreview" 
        :on-remove="handleRemove"
        :headers="getToken()">
            <div class="upload-btn" :style="{'height':btnHeight,'width':btnWidth}">
@@ -32,7 +31,7 @@
            // 多选
            multiple: false,
            // 限制
            limit: 50,
            limit: 4,
            // 按钮高度
            btnHeight: '120px',
            // 按钮宽度
@@ -90,7 +89,7 @@
        },
        // 移除文件
        handleRemove(file, fileList){
            console.log(file,fileList)
            this.$emit('delPictureUrl',{url:file.response.data.url1});
        }
    },
    props: {
@@ -98,6 +97,10 @@
        setPictureUrl:{
            type:Function,
            default:()=>{}
        },
        delPictureUrl:{
            type:Function,
            default:()=>{}
        }
    }
}