天天看點

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浏覽器都可以支援

繼續閱讀