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

解决用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://www.xdnf.cn/news/8587.html

相关文章:

  • Java多线程面试题
  • 白盒测试概念
  • 云原生架构下的企业数字化转型:理念、挑战与最佳实践
  • Honeywell CV-DINA-DI1624-2A 数字输入模块
  • K8s集群Python项目上云部署
  • vue2 全局指令(输入框自定义限制)
  • [crxjs]自己创建一个浏览器插件
  • 嵌入式学习Day27
  • [特殊字符] 构建高内聚低耦合的接口架构:从数据校验到后置通知的分层实践
  • 2025年高防IP与游戏盾深度对比:如何选择最佳防护方案?
  • C语言中地址的加法和减法
  • iOS 上线前的性能与稳定性检查流程实录:开发者的“最后一公里”(含 KeyMob 应用经验)
  • 速卖通OpenAPI商品详情接口开发实战
  • 生产企业ERP系统,项目级ERP系统源码,实现业务流程的全面管理
  • 用DeepSeek提升前端开发效率
  • MCP 服务与 Agent 协同架构的实践解码:双轮驱动下的场景化价值创造
  • 【ICL】上下文学习
  • 数据合法性校验
  • 典型城市工况数据(Drive Cycle)用于车辆仿真
  • 与 JetBrains 官方沟通记录(PyCharm 相关问题反馈)
  • 怎么判断一个Android APP使用了Capacitor这个跨端框架
  • 智慧化工园区安全风险管控平台建设方案(Word)
  • PH热榜 | 2025-05-23
  • selinux基础知识
  • Linux虚拟机联网失败原因之一
  • 什么是软件压力测试,出压力测评报告的第三方软件检测公司推荐
  • 20250523-在Unity中创建角色动画(2D)(Set up Animator with State Machine)
  • LCS4110R加密芯片在打印机墨盒的应用
  • el-form表单规则验证
  • C# DataGrid扩展 - DataGrid不同模板切换