用jQuery重置用於文件上傳的input (type="file")


頁面中有如下標簽:

<input type="file" id="upload"/>

此標簽本用於文件上傳,現在有需要將其值重置為空。於是想當然地寫出如下代碼:

$('#upload').val('');

但經測試,該處理方法對IE無效,因為IE不允許javascript改變type為file的input的值,又是讓人蛋疼的IE。。。

在瀏覽器兼容性方面本人是白痴一個,遂放狗一搜,有解決方案如下:

if(ie) {    // 此處判斷是否是IE
$('#upload').replaceWith($('#upload').clone(true));
} else {
$('#upload').val('');
}

解決方案簡單優雅,記於此,歡迎有需要的童鞋來此圍觀。


本文參考自http://www.technowise.in/2009/12/clear-file-input-field-using-jquery.html,原文為英文,建議英文基礎不錯的童鞋去原文圍觀。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM