检测用户何时使用文件输入选择文件

Question

如何检测用户何时使用 html 文件输入选择要上传的文件。这样我就可以自动提交表格。

Answer 1

文件上传元素在其内容发生更改时会触发 onchange 事件。这是一个非常简洁的示例：

<input type="file" name="whatever" onchange="alert('Changed!');" />

编辑：哦，如果您想在他们选择某些内容时提交表单（尽管这可能会让您的用户感到有点困惑）：

<input type="file" name="whatever" onchange="this.form.submit();" />

Answer 2

检测文件输入中的更改的普通 JavaScript 方法：

var fileInput = document.getElementById('inputfileID')
fileInput.addEventListener('change', function () {
  // Called when files change. You can for example:
  // - Access the selected files
  var singleFile = fileInput.files[0]
  // - Submit the form
  var formEl = document.getElementById('formID')
  formEl.submit()
}, false);

只需提及：属性 false 表示不使用捕获，即 false 表示相关的更改 监听器按照自下而上的顺序执行。它是默认值，但您应该始终提供该属性以最大限度地提高兼容性。

另请参阅有关更改事件的答案，addEventListener 的 MDN 文档，以及 SO回答有关表单提交的问题。

Answer 3

尝试

$('#inputfileID').change(function(){
alert(0);
})​