如何使用 jQuery 清除檔案輸入控制項的值？

使用jQuery 清除文件輸入控件

問題出現了：重置HTML 文件輸入控件的值是否可行（

）輸入類型=「檔案」）使用jQuery？透過 attr({ value: '' }) 將元素值設為空字串的傳統方法被證明是無效的。

為了解決這個問題，出現了一個獨特的解決方案。文件輸入控制項包裝在表單元素內。隨後，在表單上呼叫重置方法，有效地清除輸入值。最後，使用 unwrap() 函數刪除表單。

至關重要的是，此技術使原始文件輸入控制項完好無損，保留任何自訂屬性或屬性。測試已確認其與多種瀏覽器的兼容性，包括 Opera、Firefox、Safari、Chrome 和 IE6。

為了增加多功能性，此方法也可以應用於其他表單元素。但是，隱藏的輸入欄位仍然是一個例外。

window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input>

下面的程式碼片段展示如何實現此解決方案：

以上是如何使用 jQuery 清除檔案輸入控制項的值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！