取消文件上传 - 听众？

Question

  

可能重复：
  “On file dialog cancel” event in JavaScript

当用户点击取消而不是在文件上传对话框中完成时，是否有监听器？

Answer 1

不，没有办法确定用户是否使用input =“file”html元素点击了“取消”。

如果您需要更多地控制网页上的文件上传，可以使用Flash like Gmail does。

Answer 2

不，但您可以使用change事件的监听器检查值是否已更改（例如，用户选择了文件）。

简单示例：

<强> HTML：

<input id=f type=file>

<强> JavaScript的：

function picked(){
    alert("Picked");                
}


$('#f').focus(function(evt){
    $(this).change(picked);   
});

↪View this example at jsFiddle

Answer 3

正如其他人所说，输入上传标签不能这样做。

我使用this 3rd party JS uploader获得了很好的经验。它不使用Flash，因此也适用于移动设备。

您可以设置：

onCancel: function(id, fileName){}

在初始设置调用中。有关详细信息，请参阅Github页面上的说明。

Answer 4

最有可能取决于浏览器。有些浏览器可能会让你抓住它。其他浏览器可能没有。这是因为HTML标准没有明确说明文件上载控件应该是什么样子或者如何实现文件选择。它just says：

  

此控件类型允许用户选择文件以便它们   内容可以与表格一起提交。 INPUT元素用于   创建一个文件选择控件。

浏览器开发人员可以选择允许您选择文件的方式。它可能是一个弹出窗口，它也可能是您必须从中挑选的计算机/设备中的所有文件的列表。

HTML5 defines行为好一点，但它再次没有谈论文件选择过程。