Question

我需要在页面加载时清除文件上传输入字段。我已经通过stackoverflow查看了10-15种不同的方法来执行此操作，但是每个建议都包含一个重置按钮，我想在页面加载时将其清除，以便在用户单击其浏览器上的后退按钮时重置/清除它。 / p>

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

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

}

window.onload = init;

从我的研究中，这似乎是社区Clearing <input type='file' /> using jQuery

中最受欢迎的

干杯！

Answer 1

你不需要jQuery：

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

window.onload = init;

Answer 2

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

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

实施例

<强> http://jsfiddle.net/d25nV/

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

2 个答案: