javascript 清空input file 中的数据 – 优快云博客

本文介绍如何使用JavaScript和jQuery清空HTML中input file类型的文件选择器的已选文件。提供了兼容不同浏览器的方法,包括IE和其他现代浏览器的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript 清空input file 中的数据

2016年12月15日 18:56:03
鸿非凡
阅读数:14507


标签:
javascript
更多

个人分类:
web前端

案例如下:  

1
html:
2
<input type="file" value="文件" id="fileData"/>
3
4
JS:
5
<script type="text/javascript">
6
var file = document.getElementById("fileData");
7
// for IE, Opera, Safari, Chrome
8
if (file.outerHTML) {
9
file.outerHTML = file.outerHTML;
10
} else { // FF(包括3.5)
11
file.value = "";
12
}
13
</script>
14
15
jquery:
16
var ie = (navigator.appVersion.indexOf("MSIE")!=-1);
17
if( ie ){
18
var file2= file.cloneNode(false);
19
file2.onchange= file.onchange;
20
file.parentNode.replaceChild(file2,file);
21
}else{
22
$(file).val("");
23
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值