使用JS清空fileupload 控制項值

1.關於如何用指令碼修改fileupload控制項值的問題,

開發環境vs2005,在上傳檔案時,需要一個取消的按鈕來清空type=file的value,而且這個頁面上有多個file控制項

這個比較麻煩因為file的值本身是不允許用指令碼修改的(安全形度考慮)

 

方法1).使用指令碼把這個file的input移動到一個form中,然後調用reset,如果有多個這樣的input當然還要再移出來.這個方法我不會採用,因為對.net開發人員

來講習慣了一個頁面就一個form所有控制項都在其中.

 

方法2).這個方法有點投機,就是在指令碼中調用
var fileup = document.getElementById(fileid);
fileup.outerHTML = fileup.outerHTML; 這個ie對指令碼處理以及展現機制有關

方法3).以上兩種方法只能在IE中使用，強力推薦下面這個方法，將fileupload控制項放入span標籤中，然後重建span中的innerHTML，太絕了：這個主要是在解決ff上的問題時考慮到的,其實就是重建了一個id相同的file,這裡要注意 name一定也要賦值,否則是很難提交給伺服器接受的

 

 

在平時項目開發中會有上傳檔案的功能,一般在前端會通過JS來判斷上傳檔案是否屬於指定的檔案類型,如果不屬於就將控制項值清空! (當然你也可以不清空)

有一種方法可以很簡單的裝檔案上傳組件的值清空,代碼如下:

var file=document.getElementById("form1:fileupload");
file.outerHTML=file.outerHTML

為了相容FireFox我們使用下面的方式來清空fileupload控制項的值:

<span id='uploadSpan'>
<input type="file">
</span>
<script language="JavaScript">
var html=document.getElementById('uploadSpan').innerHTML;

function resetFile(){
document.getElementById('uploadSpan').innerHTML=html;
}
</script>
這樣就行了，各瀏覽器都支援的

http://www.cnblogs.com/jhxk/articles/1667803.html