熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

解析使用JS 清空File控件的路徑值

2013-11-15 12:12:41  來源: JSP教程 
本篇文章是對使用JS清空File控件的路徑值的方法進行了詳細的分析介紹需要的朋友參考下  

  關於如何用腳本修改fileupload控件值的問題

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

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

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

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

  方法)這個方法有點投機就是在腳本中調用
var fileup = documentgetElementById(fileid);
fileupouterHTML = fileupouterHTML; 這個ie對腳本處理以及展現機制有關

  方法)這個主要是在解決ff上的問題時考慮到的其實就是重新生成了一個id相同的file這裡要注意 name一定也要賦值否則是很難提交給服務器接受的

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

  有一種方法可以很簡單的裝文件上傳組件的值清空代碼如下:
var file=documentgetElementById("form:fileupload");
fileouterHTML=fileouterHTML

  以上方法之能在IE中使用
為了兼容FireFox我們使用下面的方式來清空fileupload控件的值:
<span id=uploadSpan>
<input type="file">
</span>
<script language="JavaScript">
var html=documentgetElementById(uploadSpan)innerHTML;
function resetFile(){
documentgetElementById(uploadSpan)innerHTML=html;
}
</script>
這樣就行了各浏覽器都支持的


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20500.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.