javascript - ng-flow 以编程方式上传

Question

我目前正在使用 ng-flow 执行文件上传。似乎选择文件的默认操作是立即上传。我想覆盖它，以便选择文件并仅在单击按钮时上传。也许我误读了文档，但到目前为止我有以下内容:

<div flow-init="{target: '/upload'}"
     flow-files-submitted="$flow.upload()"
     flow-file-success="$file.msg = $message">

  <input type="file" flow-btn/>
  Input OR Other element as upload button
  <span class="btn" flow-btn>Upload File</span>

  <table>
    <tr ng-repeat="file in $flow.files">
        <td>{{$index+1}}</td>
        <td>{{file.name}}</td>
        <td>{{file.msg}}</td>
    </tr>
  </table>
</div>

这似乎有效，我可以看到网络请求发出。我找到了flow.js upload file on click并尝试遵循建议的答案，但是 $flow 在相应的函数中未定义。

那么，如何使用 ng-flow 以编程方式上传文件？

Answer 1

首先，flow-files-submitted 事件在用户选择文件(误导性名称)时触发。因此，当您将 $flow.upload() 分配给它时，您可以让它在选择文件后立即上传。

第二件事是在你的 Controller 中获取 $flow 对象。我想到了两种方法:

一个。正如说明所说，您必须使用 flow-name 属性:

<div flow-init flow-name="obj.flow">

然后你在你的 $scope.obj.flow 属性中引用了 $flow 并且你可以使用 $scope.obj.flow.upload() Controller 中任何位置的方法。

B.将“上传”按钮放在流指令 block 内(作为具有 flow-init 属性的元素的后代)，并使用指令范围的 $flow 属性作为 中的参数>ng-click，例如:

<button type="button" ng-click="myUploadMedhot($flow)">Upload</button>

在 myUploadMethod(param) 中调用 param.upload()。