JS判斷FileUpload上傳型別

2021-08-26 16:14:43 字數 886 閱讀 3361

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.這個主要是在解決ff上的問題時考慮到的,其實就是重新生成了乙個id相同的file,這裡要注意 name一定也要賦值,否則是很難提交給伺服器接受的

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

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

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

file.outerhtml=file.outerhtml

以上方法之能在ie中使用

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

這樣就行了,各瀏覽器都支援的

html

JS判斷FileUpload上傳型別

1.關於如何用指令碼修改fileupload控制項值的問題,開發環境vs2005,在上傳檔案時,需要乙個取消的按鈕來清空type file的value,而且這個頁面上有多個file控制項 這個比較麻煩因為file的值本身是不允許用指令碼修改的 安全角度考慮 方法1.使用指令碼把這個file的inpu...

使用JS清空fileupload 控制項值

1.關於如何用指令碼修改fileupload控制項值的問題,開發環境vs2005,在上傳檔案時,需要乙個取消的按鈕來清空type file的value,而且這個頁面上有多個file控制項 這個比較麻煩因為file的值本身是不允許用指令碼修改的 安全角度考慮 方法1 使用指令碼把這個file的inpu...

用FileUpload實現多個檔案同時上傳

使用fileupload實現多個檔案同時上傳的例子,方法很多,這是乙個簡單一點的方法。下面就是主要的介面,大家可以參考一下。下面我們來解釋他的實現方法 首先我們看一下介面,開始介面上有個panel1,裡面有個fileupload控制項,然後在panel1外面有個textbox控制項,乙個button...