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