在输入类型=文件上捕获取消事件

Question

我有一个html5应用程序,它使用一个元素来使用文件API.我可以在用户选择文件时做出响应.如果用户取消文件选择,我希望能够做一些事情.但是,如果用户单击文件选择器对话框中的取消而不是确定按钮,则无法在输入元素上发现任何事件.

是否有一些事件被"取消"解雇,我错过了,或者我应该重新设计我的应用程序而不需要这个？

Answer 1

实际上并没有一个侦听器来检查是否选择了文件，您可以通过使用 on Change 事件在代码中设置注释来绕过它，如下所示：

var FileChoosen = false;

var inputElement = document.getElementById("inputField");
inputElement.addEventListener("change", handleFiles, false);
function handleFiles() {
  var fileList = this.files; /* now you can work with the file list */


  //Check if the layout was changed from file API:
  if(document.getElementById('fileOutput').innerHTML != "") {
    FileChoosen = true;
    setTimeout("funcCalledToCheckUserSelection()", 500);
  };


}