问题标签 [flow-js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
912 浏览

angularjs - 使用 angularjs ng-flow 限制您可以看到的文件

我正在尝试实现流文件上传器,但我看不到如何使用户只能选择图像文件。我复制了这个例子,所以我有

但我仍然可以在我的上传窗口中看到所有可用的文件,而不仅仅是图像。任何帮助将不胜感激 - 谢谢!

0 投票
2 回答
932 浏览

ember.js - 将 Flow JS 与 Ember JS 集成 - 数据未绑定

我正在尝试将FlowJS与 EmberJS 集成。我成功地将数据上传到服务器,所以,我在这方面做得很好。

我尝试将流对象数据与 emberJS 组件绑定以通过把手显示数据时失败。由于某种原因,数据绑定不起作用。

这是代码的示例。

HTML

JS

可以在http://jsfiddle.net/sisir/qLuobq48/2/现场查看示例

基本上我在这里所做的是将流对象保存为组件属性。filesflow 对象的属性是要上传的文件数组。一旦我们拖放或选择多个文件上传,files数组就会更新。我们可以在控制台上看到它。日志代码是通过filesSubmitted事件添加的。

从把手表达式中,每个文件都从文件队列中迭代。最初它是空的,但后来当它被填充时,它不会显示在 html 上。数据绑定由于某种原因无法正常工作。

0 投票
0 回答
576 浏览

angularjs - 如何使用 ng-flow 访问块 blob 数据?

我正在尝试使用角度控制器中的 ng-flow 访问一大块 blob 数据。

在此处输入图像描述

我希望通过服务调用传递块 blob 对象,但不知道如何访问它。我不能使用 ng-flow 的内置上传方法,因为它是使用 Azure WAMS 的特殊情况,因此非常感谢任何帮助以 blob 形式访问这些数据块。

0 投票
1 回答
8260 浏览

javascript - 使用 flow.js + ng-flow 将文件上传到 WebAPI 2

我正在尝试通过其 Angular 包装器(https://github.com/flowjs/ng-flow/tree/master/samples/basic使用 flow.js ( https://github.com/flowjs/flow.js ) ) 将文件上传到 ASP.NET WebAPI 2 服务器。无论如何,当我选择要上传的文件时,我的 WebAPI 只会收到第一个块 GET 请求,然后什么也没有发生:没有 POST 完成,而且 flow.js 似乎没有开始上传。

我选择文件时触发的初始 GET 是:

回应是:

然后,不再发出请求。

由于似乎没有最新的 WebAPI 示例,但只有零散的帖子,我为像我这样的新手创建了一个虚拟复制解决方案,您可以从http://1drv.ms/1CSF5jq下载:它是一个 ASP.NET WebAPI 2在添加相应的 API 控制器后,我将上传代码放在主视图中的解决方案。只需按 F5 并尝试上传文件。您可以在UploadController.cs.

相关的代码部分是:

a)客户端:类似于 ng-flow 页面的快速启动示例的页面:

对应的代码本质上是一个带有模块初始化的空 TS 骨架:

b)服务器端:我为所需的脚本和以下控制器添加了一些绑定,这些控制器是根据我在如何使用 ng-Flow 在 ASP.NET 中分块上传文件中找到的示例代码修改的。请注意,在 GETUpload方法中,我使用绑定模型更改了签名(否则我们将得到 404,因为路由不匹配),当找不到块时,我返回202 - Accepted代码而不是 404,如 flow.js 文档所述200 对应于“该块已被接受并且正确。无需重新上传”,而 404 取消整个上传,并且任何其他代码(如此处的 202)告诉上传者重试。

0 投票
2 回答
1396 浏览

angularjs - 如何在flowjs中的flow.upload上传递参数

我需要为使用 flowobj.opts.query 的每个文件传递不同的参数,但这会添加到所有文件中。每个文件上传的参数应该不同

0 投票
1 回答
517 浏览

javascript - Flowjs 文件上传 - Ionic 和 ngCordova

我正在尝试将图像从我的应用程序上传到服务器,我想使用 ngCordova 文件传输插件,但我对这个插件给你的进度信息不满意,所以我决定使用 Flowjs,但我无法从我拥有的文件 url 创建一个正确的 HTML5 File 对象。这是我的代码

其中 photo 是文件的文件系统的路径。当我尝试上传时收到 400(错误请求)错误,我确信服务器端是正确的,因为我将它与许多其他 Flowjs 应用程序一起使用。我认为 fileEntry.file() 返回的对象不是正确的 HTML5 文件对象,也许从文件 url 创建一个 Blob 可以解决问题,但我不明白如何创建它。在尝试创建 Blob 之前,我想让我的代码正常工作,但如果这是唯一的解决方案,那么......

0 投票
2 回答
1403 浏览

node.js - 使用 ng-flow 和 Express (Node.js) 挂起的 Nginx 发布请求

在使用 ng-flow、NodeJS 和 Express 进行开发时,我没有遇到任何问题,尽管我无法将 Nginx 正确配置为反向代理以使其与 ng-flow 和 Express 一起顺利运行。

在这里,您将找到一个处于待处理状态的请求示例:

这是我在 NGINX server.conf 中的指令:

检查 nginx error.log 你会发现:

任何帮助表示赞赏。

干杯,卢卡

0 投票
1 回答
1446 浏览

javascript - 确定哪个 Flow.js / ng-flow 输入(flow-btn)用于上传文件

我的页面上有多个flow-btn元素。有一个项目列表,用户可以将单个文件直接上传到(单独),或者他们可以选择上传多个文件,这些文件将自动填充列表。一切都在一个flow-init.

有点像这个伪代码示例:

我需要确定flow-btn列表中使用了哪个,以便可以在正确的位置显示上传的图像缩略图。基本上我想我想item从流事件中访问。

注意:列表循环数据是由其他数据定义的,所以我不能只是循环$flow.files创建我的列表。

我怎样才能做到这一点?

我应该flow-init为每个循环项目创建一个新实例吗?矫枉过正?

编辑:或者,也许我可以以编程方式从我的控制器中打开多个flow-btn而不是flow-btn为每个项目打开一个?在这种情况下,我可以将当​​前项目存储在控制器中。

0 投票
0 回答
443 浏览

python - flowjs 上传文件 POST 请求发送空数组

我正在尝试使用flowjs/ng-flow上传图片,但我的后端没有任何内容。

这是应该在我的 Flask 中接收图像的方法routes.py

在发现我必须设置之前testChunks:false,我只收到一个GET请求,request.args看起来像这样:

至于POST,我明白了:

我不知道为什么会这样。在获得包含文件的数组后,我还可以使用一些帮助来了解如何将图像正确保存到项目中的文件夹中。我发现的唯一示例是在 PHP 中,所以如果有人能阐明如何在 Python 中做到这一点,我将不胜感激!

谢谢!

0 投票
0 回答
317 浏览

python - 在后端使用 Python 的 ng-flow

所以已经有几天了,我一直在尝试将图像保存到我的网络项目中的文件夹中。

我正在使用ng-flow,我可以通过POST请求访问我的 python 服务器

这就是我得到的request.form

在我的request.files

这里的主要问题是:

如何获取图像内容?

我正在尝试使用PIL.Image来保存图像,但到目前为止没有成功,因为我没有设法首先获取图像内容。

谢谢!:)