input标签删除文件之后再次上传同一文件无法触发change

HTML

<input type="file" accept=".pdf" id="upload-btn" />



js


document.getElementById('upload-btn').addEventListener('change', function (e) {
    
    const file = e.target.files[0];
});

修改:


//删除文件
  document.querySelector('#demo.file .delete').addEventListener('click', 
    function (e) {
    document.querySelector('#demo .upload  input').value = '';
  });

删除文件时候把input标签值设置为空。

最近更新

  1. TCP协议是安全的吗?

    2024-06-18 19:50:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-18 19:50:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-18 19:50:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-18 19:50:02       18 阅读

热门阅读

  1. vue脚手架 笔记07

    2024-06-18 19:50:02       8 阅读
  2. SS928的SVP_NNN和NNN的区别

    2024-06-18 19:50:02       5 阅读
  3. 平庸的学术工作者

    2024-06-18 19:50:02       6 阅读
  4. MySQL中为什么要有隐式内连接和显式内连接

    2024-06-18 19:50:02       7 阅读
  5. 待学习记录清单

    2024-06-18 19:50:02       6 阅读
  6. 小程序-生命周期(2) 应用周期/页面周期

    2024-06-18 19:50:02       3 阅读
  7. 航拍无人机像素坐标转世界坐标

    2024-06-18 19:50:02       5 阅读
  8. Spring (64)Spring框架如何处理异常

    2024-06-18 19:50:02       7 阅读