js清空input类型为type的文件框的内容

用到了文件域,在选择文件后想要清空文件的内容,在网上找了好久都是有以下几种说法,但是试了都没有用:

文件域如下:

<span id='fileSpan'>

<input type="file" id="fileupload" name="file" /> 
</span>

第一种:
var obj = document.getElementById('fileupload') ; 
obj.select(); 
document.selection.clear(); 


第二种: 
var obj = document.getElementById('fileupload') ; 
obj.outerHTML=obj.outerHTML;


第三种:

var file = $("fileupload") 
file.after(file.clone().val("")); 
file.remove(); 


以上几种方法试了后都没有效果,有看到网上说要可以重新构造文件域,这样就能清空文件内容了。因此用了如下方法:

 $file =$(‘#fileupload‘);

 $file.remove();
 $('#fileSpan').append("<input type='file' id='fileupload' ' name='file'  οnchange='onSelectFile(this)'>");

在把当前的文件域删除了再重新构造文件域,这样就能真正清空文本内容了,chrome和IE浏览器都可以支持



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值