解析使用JS 清空File控件的路徑值
1.關(guān)于如何用腳本修改fileupload控件值的問題,
開發(fā)環(huán)境vs2005,在上傳文件時(shí),需要一個(gè)取消的按鈕來清空type=file的value,而且這個(gè)頁面上有多個(gè)file控件
這個(gè)比較麻煩因?yàn)閒ile的值本身是不允許用腳本修改的(安全角度考慮)
方法1).使用腳本把這個(gè)file的input移動(dòng)到一個(gè)form中,然后調(diào)用reset,如果有多個(gè)這樣的input當(dāng)然還要再移出來.這個(gè)方法我不會(huì)采用,因?yàn)閷?net開發(fā)者
來講習(xí)慣了一個(gè)頁面就一個(gè)form所有控件都在其中.
方法2).這個(gè)方法有點(diǎn)投機(jī),就是在腳本中調(diào)用
var fileup = document.getElementById(fileid);
fileup.outerHTML = fileup.outerHTML; 這個(gè)ie對腳本處理以及展現(xiàn)機(jī)制有關(guān)
方法3).這個(gè)主要是在解決ff上的問題時(shí)考慮到的,其實(shí)就是重新生成了一個(gè)id相同的file,這里要注意 name一定也要賦值,否則是很難提交給服務(wù)器接受的
在平時(shí)項(xiàng)目開發(fā)中會(huì)有上傳文件的功能,一般在前端會(huì)通過JS來判斷上傳文件是否屬于指定的文件類型,如果不屬于就將控件值清空! (當(dāng)然你也可以不清空)
有一種方法可以很簡單的裝文件上傳組件的值清空,代碼如下:
var file=document.getElementById("form1:fileupload");
file.outerHTML=file.outerHTML
以上方法之能在IE中使用
為了兼容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>
這樣就行了,各瀏覽器都支持的
相關(guān)文章
Microsoft Ajax Minifier 壓縮javascript的方法
使用Microsoft AJAX 庫 (第六個(gè)預(yù)覽版) 其中有一個(gè) ajaxmin.exe 可以壓縮Js文件可以在dos 命令下 /? 查看其參數(shù)說明。2010-03-03JS匿名函數(shù)和匿名自執(zhí)行函數(shù)概念與用法分析
這篇文章主要介紹了JS匿名函數(shù)和匿名自執(zhí)行函數(shù)概念與用法,結(jié)合實(shí)例形式分析了匿名函數(shù)和匿名自執(zhí)行函數(shù)的概念、功能、應(yīng)用場景及相關(guān)使用技巧,需要的朋友可以參考下2018-03-03記錄微信小程序 height: calc(xx - xx);無效問題
這篇文章主要介紹了微信小程序 - height: calc(xx - xx);無效 問題,文中給大家擴(kuò)展介紹下jquery點(diǎn)擊添加樣式,再次點(diǎn)擊移除樣式的實(shí)例代碼,需要的朋友可以參考下2019-12-12Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法
這篇文章主要介紹了Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法,在這里小編比較推薦使用第二種方法,需要的朋友參考下吧2018-08-08js 兼容多瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件代碼(IE6/7/8,firefox,chrome)
本文講一下js實(shí)現(xiàn)兼容IE6/7/8,firefox,chrome瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件的代碼。2010-04-04