天天看点

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浏览器都可以支持

继续阅读