使用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實現(xiàn)點擊文本框彈出熱門標簽的提示效果
點擊文本框彈出熱門標簽的效果實現(xiàn)方法有很多,在本文為大家詳細介紹下使用jQuery是如何實現(xiàn)的,感興趣的朋友不要錯過2013-11-11利用jQuery插件imgAreaSelect實現(xiàn)獲得選擇域的圖像信息
本篇文章主要對jQuery插件imgAreaSelect實現(xiàn)獲得選擇域的圖像信息的方法做了簡要分析說明。需要的朋友來看下吧,希望對大家有所幫助2016-12-12jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開發(fā)分為兩種:1 類級別、2 對象級別,下面為大家詳細介紹下2014-01-01jQuery使用zTree插件實現(xiàn)樹形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實現(xiàn)樹形菜單和異步加載的相關方法,感興趣的小伙伴們可以參考一下2016-02-02從零開始學習jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學習.2011-02-02