快捷導(dǎo)航

使用jQuery清空file文件域的解決方案

更新時(shí)間：2013年04月12日 16:01:52 作者：

對一個(gè)文件域(input type=file)使用了驗(yàn)證后，我們總會希望把文件域中的值給清空了，在IE中，由于安全設(shè)置的原因，是不允許更改文件域的值的，接下來為大家介紹一下解決方法

般來說，在對一個(gè)文件域(input type=”file”)使用了驗(yàn)證后，我們總會希望把文件域中的值給清空了（否則錯(cuò)誤的文件仍然會被提交），而在IE中，安全設(shè)置的原因，是不允許更改文件域的值的（也就是不能使用val(“”)）

那么很顯然，我們就只能換個(gè)思路，把這個(gè)input元素復(fù)制一個(gè)，然后將原來的刪除。
在IE下復(fù)制元素的時(shí)候，其中的值是不會被復(fù)制的，所以就達(dá)到了清空文件域的目的了。
而在Firefox下，其中的值也會被一同復(fù)制，那么我們就順便清空一下就做到兼容了。

代碼如下：

復(fù)制代碼代碼如下:

 
var file = $("#file") 
file.after(file.clone().val("")); 
file.remove(); 

您可能感興趣的文章:

相關(guān)文章

jQuery中DOM常見操作實(shí)例小結(jié)
這篇文章主要介紹了jQuery中DOM常見操作,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對dom屬性操作、文檔操作等常用方法與操作技巧,需要的朋友可以參考下
2019-08-08
jQuery實(shí)現(xiàn)點(diǎn)擊文本框彈出熱門標(biāo)簽的提示效果
點(diǎn)擊文本框彈出熱門標(biāo)簽的效果實(shí)現(xiàn)方法有很多，在本文為大家詳細(xì)介紹下使用jQuery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過
2013-11-11
利用jQuery插件imgAreaSelect實(shí)現(xiàn)獲得選擇域的圖像信息
本篇文章主要對jQuery插件imgAreaSelect實(shí)現(xiàn)獲得選擇域的圖像信息的方法做了簡要分析說明。需要的朋友來看下吧，希望對大家有所幫助
2016-12-12
jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開發(fā)分為兩種：1 類級別、2 對象級別，下面為大家詳細(xì)介紹下
2014-01-01
基于jQuery試卷自動排版系統(tǒng)
jQuery試卷自動排版系統(tǒng)，需要的朋友可以參考下。
2010-07-07
jQuery使用zTree插件實(shí)現(xiàn)樹形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實(shí)現(xiàn)樹形菜單和異步加載的相關(guān)方法，感興趣的小伙伴們可以參考一下
2016-02-02
基于jquery實(shí)現(xiàn)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
從零開始學(xué)習(xí)jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學(xué)習(xí).
2011-02-02
使用JQUERY Tabs插件宿主IFRAMES
這篇文章提供了一個(gè)使用asp.net和JQuery UI Tabs plug-in用IFRAME元素去宿主web頁面。
2010-01-01
關(guān)于jquery的多個(gè)選擇器的使用示例
jquery的多個(gè)選擇器，就是可以同時(shí)選擇多個(gè)元素進(jìn)行操作，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-10-10