问题标签 [angular-file-upload]

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 回答
121 浏览

angularjs - 使用 play framework v2.4 处理通过 xhr 发送的文件上传

我正在使用播放框架 v2.4 并且正在测试通过 Web 表单发送的文件上传(通过 Angular 调用 xhr)。我在播放框架控制器中尝试了以下两个选项(基于https://www.playframework.com/documentation/2.4.x/JavaFileUpload),但两个选项都不起作用(我还添加了我尝试过的 curl 示例,但我无法获取对文件的引用 - 它始终为空)。在任何一种情况下,MultipartFormData/File 都为空。
谢谢

或者

我使用的 curl 命令如下(可以看到 curl 发送的文件数据):

0 投票
1 回答
4067 浏览

angularjs - 如何使用 multipart/formdata 在 Restangularjs 中上传文件

我的html代码

谢谢你的帮助

0 投票
1 回答
1213 浏览

angularjs - 使用 Amazon S3 的 angular-file-upload 获取 405 Method Not Allowed

我有一个亚马逊 s3 端点,我正在尝试将文件上传到客户端(有一些后端帮助)。

这是我的政策代码:

(在此之后我将其编码为base64)

这是我的角度要求:

这是我的政策的样子(一旦 POST 开始工作,我将加强安全性):

这是我的 CORS 配置(同样,稍后将加强安全性):

这是来自 chrome 工具的回应

Response Headers它包括POST,但Allow不包括它。

很感谢任何形式的帮助。谢谢!

0 投票
0 回答
526 浏览

javascript - 在 node.js 中将带有图像的 angular-file-upload 请求通过管道传输到 Azure

我几乎有这个工作。我使用 angular-file-upload ( http://nervgh.github.io/pages/angular-file-upload/examples/image-preview/ ) 将文件上传到 nodejs 服务器并将其通过管道传输到 Azure。

我遇到的问题是 Azure 上的生成文件前面带有以下内容

这似乎我也最终在 POST 请求的标头中进行了管道传输。我该如何避免这种情况?有没有办法跳过标题?

更新:解决方案

0 投票
1 回答
212 浏览

angularjs - Angular-FileUploader 1.xx - 将表单数据添加到项目

嗨,无法弄清楚如何使用 angular-fileuploader 将表单数据添加到我的上传请求中

尝试使用 onBeforeUploadItem,但它没有添加数据:/

Ctrl

在前端我只使用uploader="uploader" multipleanduploader.uploadAll()

它上传正常,但不会添加我的自定义表单数据

0 投票
2 回答
1100 浏览

angularjs - 使用 angular-file-upload 模块监听 API 响应

我正在使用 AngulasJs 和 Django 构建一个 WebApp,我目前依靠 angular-file-upload 将图像上传到我的 api,如下所示:

文件上传得很好,但是我一直无法弄清楚如何从 api 获得响应(我需要插入到我的 html 中的一些数据)。我首先认为我可以使用 angular-file-upload 模块注册某种侦听器,但我没有找到任何可以让我这样做的东西。

angular-file-upload 模块是否提供了一种方法来做到这一点,还是我需要依赖其他 angularjs 功能?

提前感谢您的帮助!

0 投票
1 回答
1361 浏览

javascript - 输入文件 - 更改数据按钮文本的文本按钮

我在我的角度应用程序中使用这个角度文件上传(nervgh/angular-file-upload)。它工作得很好,上传没有问题。

我的一个按钮有一个问题,这是按钮示例代码:

我想设置data-button-text一个变量,因为我的应用程序有 3 种不同的语言。

像这样的东西:(data-button-text="form.variable-text"或某种变量)而不是像这样的字符串data-button-text="Single"

目前,我无法通过任何变量更改该文本。我用不同的方式尝试了很多次,但都没有成功。我不能使用角花括号或控制器变量。至少,我不知道该怎么做。

有什么帮助吗?有任何想法吗?
谢谢。

0 投票
2 回答
2488 浏览

javascript - Angular 文件上传回调

目前真的在为此苦苦挣扎,所以如果有人有任何建议,那就太好了。很确定这是我把简单的事情复杂化的一个例子,但我们会看到的!

使用以下内容将文件上传到服务器

https://github.com/nervgh/angular-file-upload/wiki/Module-API

我正在为某些类型的文件创建几个文件上传器实例(不能只使用一个,因为我需要为每个文件提供不同的上传 URL)

所以我有一个类似的列表

我想要做的是遍历列表,调用uploadAll()每一个,然后在每个文件上传后,继续执行脚本。

问题是我认为该uploadAll函数没有实现 a promise,所以当我尝试以下代码时,脚本的其余部分会在文件成功上传之前继续执行。

这是我所拥有的

文件被上传,但脚本的其余部分在它们之前执行。当我

我得到一个undefined项目清单。很明显我在这里出错了,但我不确定如何前进。

0 投票
2 回答
905 浏览

javascript - angular-file-upload 暂时禁用拖放

我正在使用 angular-file-upload ( https://github.com/nervgh/angular-file-upload ) 我想在上传过程开始后禁用拖放功能,以便无法将更多文件添加到队列。任何想法我怎么能做到这一点?最终,我希望能够禁用拖放功能,然后可能在 onCompleteAll 之后重新启用它,但我愿意在 isUploading == true 后完全禁用该功能

0 投票
1 回答
46 浏览

angularjs - 使用特定分支更新凉亭库

我正在使用angular-file-upload指令在我的应用程序中上传文件,实际上我使用的是该指令的 1.1.5 分支版本,我想将其更新为 1.1.6 但实际上主分支是 2.0.x,我如何可以更新安装到特定分支的分支,在本例中为 1.1.6