因?yàn)闉g覽器安全限制，通常的方法，如把value設(shè)為null或空字符串，是無法清空HTML file input的。大多數(shù)瀏覽器中，給file input的value設(shè)置null值，要么無效，要么產(chǎn)生錯(cuò)誤。解決辦法是，復(fù)制老元素的屬性，創(chuàng)建一個(gè)新元素，然后進(jìn)行替換。

這是一個(gè)例子:

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;

// 復(fù)制其它相關(guān)屬性

oldInput.parentNode.replaceChild(newInput, oldInput);

}

本文由尤慕譯自這里，轉(zhuǎn)載請保留此信息。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。