`

chrome浏览器上传同一文件不能触发change事件

阅读更多
chrome浏览器html中的file控件我第一次选择一个文件,会触发onchange事件,但是我把内容清空,在选择同样的文件,就不触发onchange事件了。

解决办法如下:
<html>
<head>
<script>
function change(obj){
  //此处写上传文件相关代码
  alert("change...");

  //以下代码解决chrome浏览器上传同一文件不能触发change事件的问题。
  var nf = obj.cloneNode(true);
  nf.value=''; // 设计新控件value为空
  obj.parentNode.replaceChild(nf, obj);
}
</script>
</head>
<body>
<input type="file" name="f1" id="file1" onchange="change(this)"/>
</body>
</html>
分享到:
评论

相关推荐

    Chrome浏览器上传图片文件卡死该怎么办?.docx

    Chrome浏览器上传图片文件卡死解决方案 在使用Chrome浏览器上传图片文件时,可能会出现卡死的情况,这使得用户无法上传图片文件,影响了正常的使用体验。那么,怎样解决这个问题呢?下面是解决方案的详细介绍。 ...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    本示例通过"java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)"的标题,我们可以看出这是一个解决浏览器兼容性问题并实现跨域文件上传的解决方案。下面将详细解释这个主题涉及的关键知识点。 1. **跨域资源共享 ...

    chrome浏览器怎么找缓存视频文件?.docx

    Chrome 浏览器缓存视频文件的查找方法 在使用 Chrome 浏览器观看视频时,许多用户希望保存视频文件,但网站没有提供下载入口。因此,需要通过其他方法来查找缓存的视频文件。在这篇文章中,我们将介绍如何在 Chrome...

    Google Chrome浏览器独立安装文件

    **谷歌Chrome浏览器独立安装文件详解** 谷歌Chrome浏览器是一款由Google公司开发的免费、开源的网络浏览器,它以其高效、安全和易用性在全球范围内广受欢迎。"Google Chrome浏览器独立安装文件"指的是可以直接在...

    chrome浏览器打开axure生成的HTML静态文件页面

    chrome浏览器打开axure生成的HTML静态文件页面 已升级manifest version 3版本 第一步:解压得到一个axure-chrome-extension的文件夹。 第二步:打开Google浏览器,在地址栏中输入chrome://extensions/ 或者右上角...

    chrome浏览器与chromedriver兼容文件

    Chrome浏览器和ChromeDriver是Web自动化测试中不可或缺的两个组件,它们之间需要良好的兼容性才能确保自动化脚本的正常运行。本文将深入探讨Chrome浏览器的52.0.2743.116版本及其与ChromeDriver 2.4版本的兼容性,...

    chrome浏览器

    Chrome浏览器的设计理念强调简洁易用,其用户界面设计非常直观,使得无论是新手还是经验丰富的用户都能快速上手。 在性能方面,Chrome浏览器支持多进程架构,每个标签页运行在独立的进程中,这大大提高了浏览器的...

    C#提取Chrome浏览器Cookie值源码

    在我们的场景中,`C#`将被用来读取存储在本地的Chrome浏览器Cookie文件。 `Chrome Cookies`是浏览器用于存储网站会话信息的小型文本文件,包含用户名、登录状态等关键数据。由于安全原因,这些Cookie通常被加密存储...

    Chrome浏览器离线安装包64位Win版本.zip

    总的来说,"Chrome浏览器离线安装包64位Win版本.zip"是一个方便用户在无网络环境下安装Chrome浏览器的工具,尤其适合那些网络环境不稳定或者希望快速部署的用户。通过下载这个压缩包并执行其中的安装程序,用户可以...

    google chrome浏览器最新版本,版本 105.0.5195.127(正式版本) (64 位)

    chrome浏览器最新版本,版本 105.0.5195.127(正式版本) (64 位) chrome浏览器最新版本,版本 105.0.5195.127(正式版本) (64 位) chrome浏览器最新版本,版本 105.0.5195.127(正式版本) (64 位) chrome...

    Chrome浏览器硬盘版

    Chrome浏览器硬盘版是一款专为那些希望在不留下安装痕迹,并能随时随地使用浏览器的用户设计的解决方案。这个版本的Chrome浏览器不需通过传统的安装程序在计算机上进行安装,而是可以直接从一个可移动存储设备(如...

    C# 封装的Chrome 浏览器

    6. 实现必要的回调接口,如LifeSpanHandler、RequestHandler等,以处理浏览器窗口生命周期、网络请求等事件。 7. 在C#应用的UI中嵌入浏览器控件,并处理用户交互。 总的来说,C#封装Chrome浏览器是一项复杂但强大的...

    chrome浏览器的安装文件

    chrome浏览器的安装文件,网上下载的chrome浏览器的安装文件

    PC端Chrome浏览器扩展程序 模拟手机浏览器

    标题中的“PC端Chrome浏览器扩展程序 模拟手机浏览器”是指一种特定的Chrome浏览器插件,它能够让用户在个人电脑(PC)上使用Chrome浏览器时,模拟成移动设备的浏览器环境,以访问那些只对手机浏览器开放的网站或...

    chrome 浏览器跨域插件下载

    Chrome浏览器是一款广泛使用的网络浏览器,以其高速、稳定和丰富的扩展功能深受用户喜爱。在前端开发过程中,跨域问题时常困扰着开发者,因为浏览器的同源策略限制了不同源之间的通信。"chrome 浏览器跨域插件下载...

    Chrome纯净触摸 支持windows系统调试触发触摸事件

    总的来说,"Chrome纯净触摸 支持windows系统调试触发触摸事件"这个主题涉及到了Web开发中的一个重要技能,即如何在非触控环境的Windows系统中,利用Chrome浏览器模拟触控设备进行调试。通过掌握这一技术,开发者可以...

    chrome浏览器 for linux 32位

    Chrome浏览器是全球最受欢迎的网络浏览器之一,以其稳定、快速和安全性著称。对于Linux用户,尤其是32位系统的用户,虽然现在的主流操作系统趋向于64位,但仍有部分用户依赖32位系统。"Chrome浏览器 for Linux 32位...

    Chrome浏览器64位离线安装包v70

    Chrome浏览器64位离线安装包v70是一款专为Windows操作系统设计的64位版本的Google Chrome浏览器,其版本号为70.0.3538.77,发布日期为2018年10月25日。这款浏览器适配于Windows 10、Windows 8.1、Windows 8以及...

    谷歌Chrome浏览器安装包(exe,两个版本)

    私密:Chrome浏览器提供了隐身模式,可以在不留下任何痕迹的情况下浏览网页; 界面简洁:Chrome浏览器的界面设计简洁美观,易于使用; 扩展丰富:Chrome浏览器拥有非常丰富的扩展程序库,用户可以根据需求进行选择。...

    Google Chrome 浏览器 70.0.3538.102_x64.zip

    虽然Chrome浏览器本身并不直接与C#关联,但开发者可以使用C#来创建Chrome扩展程序或者开发与Chrome交互的桌面应用。例如,利用C#的自动化测试库如Selenium WebDriver,可以编写自动化测试脚本来测试Chrome浏览器中的...

Global site tag (gtag.js) - Google Analytics