问题标签 [ng-flow]

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 投票
2 回答
1012 浏览

angularjs - 如何在 ng-flow 中重置块大小

我正在使用 ng-flow 上传图片。我想重置我的块大小。可以从前端吗?

0 投票
0 回答
511 浏览

sails.js - 使用 Sailsjs Skipper 文件上传与 Flowjs

我正在尝试将skipper和 flowjs 与 ng-flow 一起用于大文件上传。

基于flowjs 存储库中的 Nodejs示例,我创建了我的sails 控制器和服务来处理文件上传。当我上传一个小文件时它工作正常,但如果我尝试上传更大的文件(例如 200 Mb 的视频),我收到错误(如下所列)并且数组req.file('file')._files为空。有趣的事实是它在上传过程中只发生了几次。例如,如果 flowjs 将文件切割为 150 个块,在sails 控制台中,这些错误只会出现 3-5 次。因此,几乎所有的块都会上传到服务器,但有一些会丢失并导致文件损坏。

所有 flowjs 参数都会出现这些错误。

我知道必须首先发送文本参数才能与船长正确工作。在 chrome 网络控制台中,我检查了 flowjs 是否以正确的顺序发送了这些数据。

有什么建议么?

控制器方法

服务发布方式

编辑

找到了设置 flowjs 属性的解决方案maxChunkRetries: 5,因为默认情况下它是0. 在服务器端,如果req.file('file')._files为空,我将抛出非永久(在 flowjs 的上下文中)错误。

所以,它解决了我的问题,但质疑为什么它的行为仍然是开放的。flowjs 和 Nodejs 的示例代码使用connect-multiparty并且没有任何额外的错误处理代码,因此很可能是 skipper bodyparser 错误。

0 投票
1 回答
114 浏览

laravel - laravel 5 CSRF 与 ngflow 上传

我正在尝试使用 ngflow 通过 Laravel 5 中的 POST 请求上传图像,但即使我在请求标头中发送令牌(它在那里,我检查过),我也会收到令牌不匹配错误。所以我要么使用了错误的令牌,要么不能与 ngflow 一起使用?

这是我用来发送标头的 js 代码:

我找到的唯一解决方案是禁用 CSRF 保护 :( 官方文档说可以使用 ajax 调用,因为 laravel 中间件也检查标头。那么出了什么问题?

0 投票
0 回答
983 浏览

javascript - 使用 ng-flow 和 AngularJS 上传一个简单的图像

我正在尝试使用 ng-flow 在 javascript 中使用图像以使用 RPC 调用将其发送到后端服务器。问题是我按照他们在他的页面中的教程进行操作,但我没有找到如何访问 AngularJS 应用程序内的 JavaScript 控制器中的图像。

我还是 Angular 的新手,也许这个问题不是什么大问题,但我没有找到解决方法。

我的代码很简单,一个简单的html代码:

ng-flow 需要的工厂是:

我也有这个页面的控制器代码。我试图访问图像,但我不知道该怎么做。

任何想法?

如果您知道使用其他工具执行此操作的任何方法或知道一个好的教程,我真的很想知道。

谢谢大家。

0 投票
2 回答
245 浏览

javascript - 想在 flowFactoryProvider 配置中设置动态文件夹名称,将其传递给 upload.php 文件,以将上传的文件保存在其中

我正在使用这个插件ng-flow来上传 .zip 文件,它工作正常。我需要在其中传递动态值(user_id,job_id)以创建保存文件的动态文件夹,但是此插件使用配置方法进行初始化,而我没有在配置方法中传递动态值的方法

以下是我使用过的代码

查看部分 - index.html

服务器部分 - upload.php

控制器部分 - app.js,在这里你会找到一个配置函数,我想将动态值传递给服务器部分。在 Config 方法中,我尝试定义一个提供程序来访问动态值,但我没有找到方法。有什么方法可以访问配置中的值(我要访问的值在 localstorageService 插件中)

希望我已经清楚地解释了你。任何帮助或建议将不胜感激提前谢谢

0 投票
1 回答
272 浏览

javascript - Angular with ng-flow : existing flow object

Might be a silly question but I couldn't figure the solution out myself or google it. I'm using a button for click+upload files. However, I also want to add the drag+drop functionality the same time - using preferably the same flow object and function. Here's my current code:

So I'd like to use the 'uploader.flow' scope for my drag and drop too executing 'uploadFiles()' with it on submit. Here's what I've been trying:

I believe myself the issue is only that I can't figure out what to put in flow-object. But I doubt it was that simple. Might be something also with the new init? Should it be done or not.

Another way around of course could be to find the first shared parent element and init it there instead for both the same time? But would this be a bit too vague?

0 投票
1 回答
666 浏览

angularjs - angularjs 自定义指令文件上传 base64

我想编写一个指令来处理依赖于ng-flow的文件上传(文件的base64)我能够在不使用ngModel(将f绑定到scope.f:P)的情况下使指令工作,但是因为我需要在表单中使用这个指令会更好(而且使用 ng-change 的可能性是一个非常好的功能)

模板是

在使该指令正常工作后,我还必须添加“只读”选项,如果我了解更改一些模板(按钮图像)会很好,仅允许很好地下载文件

我发现一些关于理解如何正确使用 ngModel/parser/formatter/viewValue 以编写灵活且可重用的指令的问题

---- 编辑指令现在似乎正在工作,但我无法正确处理模板(如果没有上传文件,则显示文件名或默认值)我必须做的下一步是在 ng-disabled 时更改行为已通过(或只读但第一个第二个几乎等于)基本上该指令需要在按钮中使用不同的图标(并且不允许上传文件,但只能下载它) plunker

0 投票
0 回答
338 浏览

javascript - 如何使用 ng-flow 发送多个文件上传发布请求?

在这里,我使用 ng-flow 进行多个文件上传ng-flow
html在这里

控制器

当我上传图片时,我TypeError: Converting circular structure to JSON在 chrome 和firefox 中遇到错误。Error: cyclic object value怎么做,谁能帮帮我。

0 投票
2 回答
457 浏览

angularjs - ng-flow 上传文件 - 如何添加到 ng-repeat 列表的顶部

我正在使用 angular ng-flow 组件进行文件上传,除了一些细微差别之外,它的效果很好。我希望能够将我尝试上传的新文件放在列表顶部而不是列表底部,这样用户就可以清楚地看到最新上传的文件。我尝试按命令使用角度顺序,但与将新文件添加到列表相比,除非它是现有列表,否则这似乎不起作用。

基本上,一旦完成,我会为每个文件创建一个新行并打印出文件详细信息:

上传前列表如下所示:

老1 老2 老3

然后我添加一个新文件,我看到:

旧 1 旧 2 旧 3 新 1

当我想:

新 1 旧 1 旧 2 旧 3

这可能更多是关于使用 Angular 的 ng-repeat 功能来处理添加到列表中的新项目的问题。

0 投票
1 回答
373 浏览

angularjs - 使用 flow.js 和 Angular 同时上传文件

我正在使用 flow.js 上传文件。我可以同时上传文件吗?因为看起来,只有块可以同时上传。