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