当前位置: 首页 > news >正文

解决用input选择文件不能选择同一个文件

在 JavaScript 中,默认情况下,使用 <input type="file"> 选择文件时,如果连续两次选择同一个文件,第二次选择不会触发 change 事件(因为文件路径未改变)。若需要允许重复选择同一个文件并触发操作,可以通过手动重置input.value​ 来解决

<input type="file" id="fileInput"><script>const fileInput = document.getElementById('fileInput');fileInput.addEventListener('change', function(e) {// 1. 获取选中的文件const file = e.target.files[0];if (!file) return;// 2. 执行你的操作(如读取文件、上传等)console.log('已选择文件:', file.name);// 3. 重置 input.value,允许下次选择同一文件e.target.value = ''; });
</script>

相关文章:

  • webpack学习笔记
  • 深入解析 Linux 进程管理
  • 前端[插件化]设计思想_Vue、React、Webpack、Vite、Element Plus、Ant Design
  • FPGA各种通信接口标准详解
  • 如何升级 npm:从版本管理到最佳实践
  • 【mysql】mysql的高级函数、高级用法
  • Spring生态的核心思想
  • Robust Kernel Estimation with Outliers Handling for Image Deblurring论文阅读
  • 算法修仙传 第一章 灵根觉醒:数组基础与遍历
  • 第十节第七部分:Arrays类、自定义排序规则Comparable、自定义比较器Comparator
  • 计算机组成原理-基本运算部件定点数的运算
  • JavaScript的三大核心组成:ECMAScript、DOM与BOM
  • pytdx数据获取:在线获取和离线获取(8年前的东西,还能用吗?)
  • 分布式事务Seata-核心问题
  • 【C语言练习】058. 编写函数连接两个字符串
  • 计算机网络——每一层的用到的设备及其作用
  • 打破双亲委派模型的实践:JDBC与Tomcat的深度解析
  • 高效记单词:以load为例,让我们逐水而生
  • 数据采集器实现电源动态能耗追踪的组网配置方案
  • Java中的Switch Case多个条件
  • 沈阳科技网站建设/郑州网站建设外包
  • 京东网上商城购物平台/seo网站排名优化案例
  • 网站建设的目标有哪些/免费b站推广软件
  • 邢台网站建设多少钱/seo经典案例
  • 淄博外贸网站建设公司/海外推广方法有哪些
  • 浪琴女士手表网站/制作网站的最大公司