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

如何检测用户何时使用html文件输入选择上载哪个文件。这样我就可以自动提交表单。

文件上载元素在其内容发生更改时触发onchange事件。下面是一个非常简洁的例子：

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

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

试试看

​

---

检测文件输入更改的一种普通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

意味着DOM树中的相关

change

侦听器以自底向上的顺序执行。这是默认值，但您应该始终指定该属性以最大化兼容性

---

另请参见和。

刚刚注意到您正在使用jQuery，在这种情况下，您将希望使用Reigel建议的change（）事件。

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

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);