使用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-08jQuery實(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-12jQuery插件開(kāi)發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開(kāi)發(fā)分為兩種:1 類(lèi)級(jí)別、2 對(duì)象級(jí)別,下面為大家詳細(xì)介紹下2014-01-01jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載的相關(guān)方法,感興趣的小伙伴們可以參考一下2016-02-02從零開(kāi)始學(xué)習(xí)jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學(xué)習(xí).2011-02-02