使用jQuery清空file檔案域的方法

2021-08-08 03:51:38 字數 397 閱讀 1181

場景:在對乙個檔案域(input type=」file」)使用了驗證後,我們總會希望把檔案域中的值給清空了(否則錯誤的檔案仍然會被提交)

相容:而在ie中,安全設定的原因,是不允許更改檔案域的值的(也就是不能使用val(「」))那麼很顯然,

我們就只能換個思路,把這個input元素複製乙個,然後將原來的刪除。

在ie下複製元素的時候,其中的值是不會被複製的,所以就達到了清空檔案域的目的了。

而在firefox下,其中的值也會被一同複製,那麼我們就順便清空一下就做到相容了。

**:

var file = $(":file");  

file.after(file.clone().val(""));

file.remove();

使用jQuery清空file檔案域

file是文字域,我們一般都會使用它來上傳檔案,在上傳檔案時我們需要驗證,驗證完成後,如果存在錯誤,為了防止將錯誤資訊也上傳上去,我們總是希望能夠將其清空。但是在ie中,為了安全起見它是不允許我們改變其中的值。firefox可以。為了相容,我們就必須來考慮其他的方式。我們可以這樣考慮,先將該元素複製...

使用jQuery清空file檔案域

file是文字域,我們一般都會使用它來上傳檔案,在上傳檔案時我們需要驗證,驗證完成後,如果存在錯誤,為了防止將錯誤資訊也上傳上去,我們總是希望能夠將其清空。但是在ie中,為了安全起見它是不允許我們改變其中的值。firefox可以。為了相容,我們就必須來考慮其他的方式。我們可以這樣考慮,先將該元素複製...

使用jQuery清空file檔案域

file是文字域,我們一般都會使用它來上傳檔案,在上傳檔案時我們需要驗證,驗證完成後,如果存在錯誤,為了防止將錯誤資訊也上傳上去,我們總是希望能夠將其清空。但是在ie中,為了安全起見它是不允許我們改變其中的值。firefox可以。為了相容,我們就必須來考慮其他的方式。我們可以這樣考慮,先將該元素複製...