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

时间:2014-09-13 10:55:49

标签: php angularjs post flow-js

flow`比任何东西都更好。

我想在ng-flow

中使用Angular js发送一个输入文本和文件

请帮帮我们......

3 个答案:

答案 0 :(得分:6)

所以我找到了解决方案!这并不是说图书馆是坏的,而是文档非常薄,他们会让你知道库存。我最终跟随了代码中的整个路径,该请求在构建时需要。

在之前的一期中,我需要在删除文件时立即停止上传文件,并建议有人在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();

};

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

答案 1 :(得分:5)

我在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'
      };
    }
  };
} 

答案 2 :(得分:3)

要在添加文件时添加查询参数,可以通过在控制器中捕获文件添加事件并在其中设置查询参数来完成:

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

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