解决同一文件二次上传,不触发事件,无响应

看下面正常文件上传代码

<input type="file" id="file-input" accept="image/*" @change="onImageAdded($event)" />

在第一次上传文件时,拿到自己需要的文件后,对数据进行清空,如下

const onImageAdded = (e?:any) => {
    let fileInput = document.getElementById("file-input");
    if ((fileInput as any).files.length == 0) {
        return;
    }
    let file = (fileInput as any).files[0];//已经拿到文件
    e?e.target.value='':'';//主要是这一步,来进行清除
};

 

posted @ 2022-12-12 15:27  奔跑的哈密瓜  阅读(165)  评论(0编辑  收藏  举报