chrome浏览器上传同一文件不能触发change事件
程序员文章站
2022-06-09 13:30:48
...
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>
解决办法如下：
<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>