elementUI上传

// limit最大上传数量
<el-upload ref="uplog" action="/api/oss/file/fileUpload?fileHost=userAuah" list-type="picture-card"
:limit="1" :on-preview="OnPreview" :on-exceed="onExceed" :on-success="Onupload">
    <el-icon>
        <Plus />
    </el-icon>
</el-upload>
<el-dialog v-model="dialogVisible">
    <img w-full :src="imgURL" alt="Preview Image" />
</el-dialog>


let uplog = ref()
// 控制大图预览的dialog
let dialogVisible = ref(false)
// 大图预览的图片地址
let imgURL = ref()

// 上传达到数量的回调
const onExceed = () => {
    ElMessage.error('上传数量以上限')
}
// 上传成功的回调
const Onupload = (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => {
    // response上传成功图片的路径（地址）
    // uploadFile图片的大小和类型等
    // uploadFiles上传的图片数组
}
// 点击图片的回调，大图预览
const OnPreview = (res: any) => {
    // console.log(res);
    // 对话框显示
    dialogVisible.value = true
    // 把图片地址imgURL
    imgURL.value = res.response.data
}

 //清空已上传的文件列表（打一个ref）

    uplog.value.clearFiles()