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