input type=“file“ 点击取消时不清空当前文件

原创于 2024-11-29 17:25:13 发布 · 312 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

正常情况下输入框点击取消会触发默认change事件导致已选择文件置空

然而很多情况下我们不需要其清空，可以使用该方法

uploadChange(e, type: string) {
    if (e.target.files[0]) {
        this.UploadFile = e.target.files[0];
    } else {
      const dataTransfer = new DataTransfer(); // 创建一个新的 DataTransfer 实例
      dataTransfer.items.add(this.UploadFile); // 将之前选择的文件重新添加到 DataTransfer 中
      document.querySelector('inputDom').files = dataTransfer.files;
      e.target.files = dataTransfer.files;
    }
  }