Javascript 页面加载时是否清除/重置文件输入？

当页面加载时，我需要清除文件上载输入字段。我已经研究了10-15种通过stackoverflow实现这一点的方法，但是每个建议都包括一个重置按钮，我希望在页面加载时将其清除，以便在用户单击浏览器上的后退按钮时重置/清除

我目前正在使用此代码重置整个表单，它适用于所有下拉列表，但是它没有清除文件输入字段

function init() {
    // Clear forms here
    //reset inputs
$('#upload_form').trigger("reset");
//reset upload form

}

window.onload = init;

从我的研究来看，这似乎是社区中投票最多的

---

干杯

重置文件输入类型字段的一种方法是将其替换为新字段：

function reset() {
    var input = document.querySelector('.file-input');
    var newInput = input.cloneNode(true);
    input.parentNode.replaceChild(newInput, input);
}

范例

---

重置文件输入类型字段的一种方法是将其替换为新字段：

function reset() {
    var input = document.querySelector('.file-input');
    var newInput = input.cloneNode(true);
    input.parentNode.replaceChild(newInput, input);
}

范例

---

您不需要jQuery：

function init() {
  document.getElementById("upload_form").reset();
}

window.onload = init;

---

您不需要jQuery：

function init() {
  document.getElementById("upload_form").reset();
}

window.onload = init;

---

没有必要为此更改DOM。不是我：虽然它不必要地复杂，但它没有错。没有必要为此更改DOM。不是我：虽然它不必要地复杂，但它没有错。如果输入在

中，它在我的计算机上工作：如果输入在

中，它在我的计算机上工作：