捕获取消文件选择 ng-flow 的事件：file-flow-error？答案

【问题标题】：Catching event for cancelling file selection ng-flow: file-flow-error?捕获取消文件选择 ng-flow 的事件：file-flow-error？
【发布时间】：2019-06-20 19:20:11
【问题描述】：

如果用户决定通过上传文件按钮使用 ng-flow 取消他们的文件选择，我正在尝试执行一些代码。我不知道如何捕捉这个事件

我尝试使用 flow-file-error 和 flow-error 指令无济于事。我传入的代码没有执行

<div flow-init="{target: '/api/InternalToolsDataSource/Incentive/Flow'}"
     flow-name="obj.flow"
     flow-files-submitted= "mapper.uploadFile($flow)"
     flow-file-success="mapper.uploadSuccess($file, $message)" 
     flow-files-error="mapper.handleUploadError($file, $message)" 
     flow-error="mapper.handleUploadError($file, $message)" 
     flow-file-complete="alert('complete')">

我想通过弹出的外部窗口找到一个解决方案，能够在文件选择过程取消后执行某个功能。想法？

【问题讨论】：

标签： angularjs ng-flow

【解决方案1】：

根据flow.js documentation中列出的事件，取消文件选择弹窗时没有事件。

由于filesSubmitted 事件仅在成功选择文件后才会触发，因此最好等待该事件，并且不要在上传按钮上附加任何其他可能会使 UI 处于意外状态的内容。

使用onchange/onblur事件有一些可能的解决方案：Cancel event on input type="file"

【讨论】：