解析使用JS 清空File控件的路徑值
1.關(guān)于如何用腳本修改fileupload控件值的問題,
開發(fā)環(huán)境vs2005,在上傳文件時(shí),需要一個(gè)取消的按鈕來清空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)然還要再移出來.這個(gè)方法我不會(huì)采用,因?yàn)閷?duì).net開發(fā)者
來講習(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上的問題時(shí)考慮到的,其實(shí)就是重新生成了一個(gè)id相同的file,這里要注意 name一定也要賦值,否則是很難提交給服務(wù)器接受的
在平時(shí)項(xiàng)目開發(fā)中會(huì)有上傳文件的功能,一般在前端會(huì)通過JS來判斷上傳文件是否屬于指定的文件類型,如果不屬于就將控件值清空! (當(dāng)然你也可以不清空)
有一種方法可以很簡(jiǎn)單的裝文件上傳組件的值清空,代碼如下:
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)文章
這篇文章主要為大家詳細(xì)介紹了JS+DIV實(shí)現(xiàn)拖動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)購(gòu)物車完整版，實(shí)現(xiàn)加減計(jì)算數(shù)量跟金額，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部導(dǎo)航，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
JavaScript中的幾個(gè)關(guān)鍵概念的理解-原型鏈的構(gòu)建
JavaScript中的prototype，標(biāo)準(zhǔn)翻譯為“原型”，表示對(duì)象的初始形態(tài)2011-05-05
這篇文章主要介紹了JavaScript和JQuery獲取DIV值的方法,結(jié)合具體實(shí)例形式對(duì)比分析了javascript與jQuery獲取頁(yè)面div元素值的實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了js簡(jiǎn)單時(shí)間比較的方法,通過2個(gè)自定義函數(shù)實(shí)現(xiàn)針對(duì)時(shí)間與日期的比較功能,涉及javascript日期及時(shí)間換算與比較操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
如何將一個(gè)String和多個(gè)String值進(jìn)行比較思路分析
開發(fā)中我們經(jīng)常需要將一個(gè)String和多個(gè)String值進(jìn)行比較。直覺反應(yīng)是使用||符號(hào)連接多個(gè)===完成，感興趣的朋友可以了解下哈2013-04-04
JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)
這篇文章主要介紹了JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-11-11
這篇文章主要介紹了js壓縮利器2007-02-02
利用JS響應(yīng)式修改vue實(shí)現(xiàn)頁(yè)面的input值
這篇文章主要給大家介紹了關(guān)于如何利用JS響應(yīng)式修改vue實(shí)現(xiàn)頁(yè)面的input值，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09