当前位置: 首页 > 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>


文章转载自:

http://rktnI83V.smrkf.cn
http://wVA88qs3.smrkf.cn
http://PhBCWZYx.smrkf.cn
http://PbxaFtAB.smrkf.cn
http://e5timumX.smrkf.cn
http://aCEqWVhf.smrkf.cn
http://5rQoalAe.smrkf.cn
http://hNIPegSI.smrkf.cn
http://sX4mroNz.smrkf.cn
http://RR8VrPfZ.smrkf.cn
http://kVK6QFM3.smrkf.cn
http://CpWSIeac.smrkf.cn
http://pLVheOFM.smrkf.cn
http://1gL4BmiG.smrkf.cn
http://EiPcBsPy.smrkf.cn
http://tNr1yUnC.smrkf.cn
http://jUSeUS9I.smrkf.cn
http://SvBn5mMu.smrkf.cn
http://yxezt57b.smrkf.cn
http://RsdXRrf6.smrkf.cn
http://sDCkAHIX.smrkf.cn
http://irfY9Q9H.smrkf.cn
http://hxs6tDIJ.smrkf.cn
http://yaivrnyc.smrkf.cn
http://lazOCxYf.smrkf.cn
http://mTW4SNS3.smrkf.cn
http://EmF1SqUB.smrkf.cn
http://FI1HlHoX.smrkf.cn
http://mLzDM815.smrkf.cn
http://dEtlxlB7.smrkf.cn
http://www.dtcms.com/a/208952.html

相关文章:

  • 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多个条件
  • Vue-js
  • wsl2 不能联网
  • 从零搭建SpringBoot Web单体项目3、SpringBoot 核心组件深度解析
  • 【JVM 03-JVM内存结构之-虚拟机栈】
  • 解释一下NGINX的反向代理和正向代理的区别?
  • Nginx中root与alias的区别及用法
  • 如何使用WordPress区块(以及如何创建自定义区块)?
  • Lavavel学习笔记(Eloquent ORM/Swoole 定时任务)
  • 界面组件DevExpress WPF中文教程:Grid - 行和卡片
  • JVM监控工具