Angular - ng-flow如何将字符串与文件一起发送

Question

flow`‘的效果比任何东西都好。

我想发送一个输入文本与文件一起使用Angular js中的ng-flow

请帮帮我..。

Answer 1

所以我找到了解决这个问题的办法！这并不是说这个库不好，而是文档非常单薄，他们把它留给你自己去弄清楚。我最终在代码中遵循了构建请求时所采用的整个路径。

在上一期中，我需要在文件被删除时立即停止上传，这里有人建议在ng-click函数中进行上传。

这是他们给我的代码。( flow.js upload file on click )

ctrl.uploadItems = function(e){

    //Do what you need to do

    e.opts.query = {student_id: $scope.globals.userInfo.id, assignment_id: ctrl.submissionParams};

    e.upload();

};

然后，通过注销e，我发现对象中有query选项，我修改了该块，如下所示。

ctrl.uploadItems = function(e){

    e.opts.query = {parameter_to_add: value};

    e.upload();

};

这样，您就可以在上载时以任何方式修改对象。

Answer 2

我在https://github.com/flowjs/ng-flow/issues/33上找到了AidasK的回答

您可以将自定义参数与查询选项一起传递。要做到这一点，您有三种选择。

选项一：

<div flow-init="{
  query: { id: 2, source: 'flow_query' },
  headers: { id: 5, source: 'flow_header' }
}">

选项二：

<div flow-init="{
  query: functionFromcontroller
}">

选项三：

<div flow-init="config">

</div>

在您的控制器中：

function MyCtrl($scope) {
  $scope.config = {
    query: function (flowFile, flowChunk) {
      // function will be called for every request
      return {
        id: 2, source: 'flow_query'
      };
    }
  };
} 

Answer 3

要在添加文件时添加查询参数，可以通过在控制器中捕获添加文件的事件并在那里设置查询参数来完成，如下所示：

$scope.$on('flow::fileAdded', function (event, $flow, flowFile) {       
        $flow.opts.query = { someParam: yourValue, otherParam: otherValue };
    });

然后，这些额外的参数将被添加到上传中，并可以在服务器上处理。