使用jQuery清空file文件域的解決方案
更新時間：2013年04月12日 16:01:52 作者：
對一個文件域(input type=file)使用了驗證后，我們總會希望把文件域中的值給清空了，在IE中，由于安全設(shè)置的原因，是不允許更改文件域的值的，接下來為大家介紹一下解決方法
般來說，在對一個文件域(input type=”file”)使用了驗證后，我們總會希望把文件域中的值給清空了（否則錯誤的文件仍然會被提交），而在IE中，安全設(shè)置的原因，是不允許更改文件域的值的（也就是不能使用val(“”)）
那么很顯然，我們就只能換個思路，把這個input元素復(fù)制一個，然后將原來的刪除。
在IE下復(fù)制元素的時候，其中的值是不會被復(fù)制的，所以就達(dá)到了清空文件域的目的了。
而在Firefox下，其中的值也會被一同復(fù)制，那么我們就順便清空一下就做到兼容了。
代碼如下：
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
那么很顯然，我們就只能換個思路，把這個input元素復(fù)制一個，然后將原來的刪除。
在IE下復(fù)制元素的時候，其中的值是不會被復(fù)制的，所以就達(dá)到了清空文件域的目的了。
而在Firefox下，其中的值也會被一同復(fù)制，那么我們就順便清空一下就做到兼容了。
代碼如下：
復(fù)制代碼 代碼如下:
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
您可能感興趣的文章:
- jQuery限制圖片大小的方法
- jQuery實(shí)現(xiàn)圖片加載完成后改變圖片大小的方法
- 基于jquery實(shí)現(xiàn)的上傳圖片及圖片大小驗證、圖片預(yù)覽效果代碼
- 基于jQuery的圖片大小自動適應(yīng)實(shí)現(xiàn)代碼
- jQuery插件jcrop+Fileapi完美實(shí)現(xiàn)圖片上傳+裁剪+預(yù)覽的代碼分享
- jquery(live)中File input的change方法只起一次作用的解決辦法
- jQuery動態(tài)添加 input type=file的實(shí)現(xiàn)代碼
- jQuery獲取file控件中圖片的寬高與大小
相關(guān)文章
基于jquery實(shí)現(xiàn)復(fù)選框全選，反選，全不選等功能
本文分享一段基于jQuery實(shí)現(xiàn)的復(fù)選框全選、全不選、反選功能的代碼，有需要的小伙伴可以參考一下2015-10-10
下面介紹幾個jQuery常用的方法，來讓jQuery的威力發(fā)揮出來，否則只用有限的幾個方法，相對于運(yùn)行速度問題，真不如不用jQuery2013-10-10
jQuery.position()方法獲取不到值的安全替換方法
這篇文章主要介紹了jQuery.position()方法獲取不到值的安全替換方法,本文給出了一種變通的方法,用.offset()來換算,需要的朋友可以參考下2015-03-03
jQuery仿移動端支付寶鍵盤的實(shí)現(xiàn)代碼
最近做項目時碰到一個需求，就是在移動端支付頁面點(diǎn)擊支付按鈕彈出一個支付鍵盤，類似于支付寶的那種。項目只是單純的手機(jī)網(wǎng)站，所以這個功能由前端來實(shí)現(xiàn)，下面小編給大家?guī)砹薺Query仿移動端支付寶鍵盤的實(shí)現(xiàn)代碼，需要的朋友參考下吧2018-08-08
jquery之a(chǎn)jaxfileupload異步上傳插件(附工程代碼)
在處理文件上傳時需要使用到文件的異步上傳，這里使用Jquery Ajax File Uploader這個組件,服務(wù)器端采用struts2來處理文件上傳2013-04-04
這篇文章主要為大家詳細(xì)介紹了jquery插件實(shí)現(xiàn)圖片懸浮，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
jQuery實(shí)現(xiàn)移動端扭蛋機(jī)抽獎
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)移動端扭蛋機(jī)抽獎，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
以下是用jquery控制ASP.NET中的兩個asp:listbox控件中選擇項的移動。2009-11-11
網(wǎng)頁上常常有這種效果，當(dāng)你的鼠標(biāo)移入一個輸入框時會彈出一個對話框讓你選擇填入該對話框的值，現(xiàn)在我們用Jquery簡單的實(shí)現(xiàn)這種效果。2010-03-03
jQuery動畫效果實(shí)現(xiàn)圖片無縫連續(xù)滾動
這篇文章主要為大家介紹了jQuery動畫效果實(shí)現(xiàn)圖片無縫連續(xù)滾動，實(shí)現(xiàn)類似連續(xù)不間斷的滾動廣告位，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01