因為瀏覽器安全限制，通常的方法，如把value設為null或空字符串，是無法清空HTML file input的。大多數瀏覽器中，給file input的value設置null值，要么無效，要么產生錯誤。解決辦法是，復制老元素的屬性，創建一個新元素，然后進行替換。

這是一個例子:

HTML頁面:

...

...

清空 file input的Javascript:

function clearFileInput()

{

var oldInput = document.getElementById("fileInput");

var newInput = document.createElement("input");

newInput.type = "file";

newInput.id = oldInput.id;

newInput.name = oldInput.name;

newInput.className = oldInput.className;

newInput.style.cssText = oldInput.style.cssText;

// 復制其它相關屬性

oldInput.parentNode.replaceChild(newInput, oldInput);

}

本文由尤慕譯自這里，轉載請保留此信息。

總結

以上是生活随笔為你收集整理的html input file 置空,清空 HTML File Input的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。