使用jQuery清空f(shuō)ile文件域的解決方案
更新時(shí)間：2013年04月12日 16:01:52 作者：
對(duì)一個(gè)文件域(input type=file)使用了驗(yàn)證后，我們總會(huì)希望把文件域中的值給清空了，在IE中，由于安全設(shè)置的原因，是不允許更改文件域的值的，接下來(lái)為大家介紹一下解決方法
般來(lái)說(shuō)，在對(duì)一個(gè)文件域(input type=”file”)使用了驗(yàn)證后，我們總會(huì)希望把文件域中的值給清空了（否則錯(cuò)誤的文件仍然會(huì)被提交），而在IE中，安全設(shè)置的原因，是不允許更改文件域的值的（也就是不能使用val(“”)）
那么很顯然，我們就只能換個(gè)思路，把這個(gè)input元素復(fù)制一個(gè)，然后將原來(lái)的刪除。
在IE下復(fù)制元素的時(shí)候，其中的值是不會(huì)被復(fù)制的，所以就達(dá)到了清空文件域的目的了。
而在Firefox下，其中的值也會(huì)被一同復(fù)制，那么我們就順便清空一下就做到兼容了。
代碼如下：
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
那么很顯然，我們就只能換個(gè)思路，把這個(gè)input元素復(fù)制一個(gè)，然后將原來(lái)的刪除。
在IE下復(fù)制元素的時(shí)候，其中的值是不會(huì)被復(fù)制的，所以就達(dá)到了清空文件域的目的了。
而在Firefox下，其中的值也會(huì)被一同復(fù)制，那么我們就順便清空一下就做到兼容了。
代碼如下：
復(fù)制代碼 代碼如下:
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
您可能感興趣的文章:
- jQuery限制圖片大小的方法
- jQuery實(shí)現(xiàn)圖片加載完成后改變圖片大小的方法
- 基于jquery實(shí)現(xiàn)的上傳圖片及圖片大小驗(yàn)證、圖片預(yù)覽效果代碼
- 基于jQuery的圖片大小自動(dòng)適應(yīng)實(shí)現(xiàn)代碼
- jQuery插件jcrop+Fileapi完美實(shí)現(xiàn)圖片上傳+裁剪+預(yù)覽的代碼分享
- jquery(live)中File input的change方法只起一次作用的解決辦法
- jQuery動(dòng)態(tài)添加 input type=file的實(shí)現(xiàn)代碼
- jQuery獲取file控件中圖片的寬高與大小
相關(guān)文章
jQuery中DOM常見(jiàn)操作實(shí)例小結(jié)
這篇文章主要介紹了jQuery中DOM常見(jiàn)操作,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對(duì)dom屬性操作、文檔操作等常用方法與操作技巧,需要的朋友可以參考下2019-08-08
jQuery實(shí)現(xiàn)點(diǎn)擊文本框彈出熱門(mén)標(biāo)簽的提示效果
點(diǎn)擊文本框彈出熱門(mén)標(biāo)簽的效果實(shí)現(xiàn)方法有很多，在本文為大家詳細(xì)介紹下使用jQuery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)2013-11-11
利用jQuery插件imgAreaSelect實(shí)現(xiàn)獲得選擇域的圖像信息
本篇文章主要對(duì)jQuery插件imgAreaSelect實(shí)現(xiàn)獲得選擇域的圖像信息的方法做了簡(jiǎn)要分析說(shuō)明。需要的朋友來(lái)看下吧，希望對(duì)大家有所幫助2016-12-12
jQuery插件開(kāi)發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開(kāi)發(fā)分為兩種：1 類(lèi)級(jí)別、2 對(duì)象級(jí)別，下面為大家詳細(xì)介紹下2014-01-01
jQuery試卷自動(dòng)排版系統(tǒng)，需要的朋友可以參考下。2010-07-07
jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載的相關(guān)方法，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
從零開(kāi)始學(xué)習(xí)jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學(xué)習(xí).2011-02-02
這篇文章提供了一個(gè)使用asp.net和JQuery UI Tabs plug-in用IFRAME元素去宿主web頁(yè)面。2010-01-01
jquery的多個(gè)選擇器，就是可以同時(shí)選擇多個(gè)元素進(jìn)行操作，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10