Js修改fileupload控件值的問題

1.關于如何用腳本修改fileupload控件值的問題,

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

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

方法1.使用腳本把這個file的input移動到一個form中,然後調用reset,如果有多個這樣的input當然還要再移出來.這個方法我不會采用,因為對.net開發者

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

方法2.這個方法有點投機,就是在腳本中調用

var fileup = document.getElementByIdx_x(fileid);

fileup.outerHTML = fileup.outerHTML; 這個ie對腳本處理以及展現機制有關

方法3.這個主要是在解決ff上的問題時考慮到的,其實就是重新生成了一個id相同的file,這裡要注意 name一定也要指派,否則是很難送出給伺服器接受的

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

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

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

file.outerHTML=file.outerHTML

以上方法之能在IE中使用

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

<span id='uploadSpan'>

<input type="file">

</span>

<script language="JavaScript">

var html=document.getElementByIdx_x('uploadSpan').innerHTML;

function resetFile()

{

document.getElementByIdx_x('uploadSpan').innerHTML=html;

}

</script>

這樣就行了，各浏覽器都支援的