问题标签 [ng-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 回答
1213 浏览

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

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

这是我的政策代码:

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

这是我的角度要求:

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

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

这是来自 chrome 工具的回应

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

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

0 投票
1 回答
557 浏览

angularjs - 使用 Angular ng 文件上传上传文件时出错

我在将文件加载到我的服务器时遇到问题。我遵循演示中提供的结构:

但是,当我尝试上传文件时,在服务器的响应中我得到 200(没关系),但随后应用程序崩溃并出现以下情况:

关于可能是什么问题的任何想法?

0 投票
1 回答
415 浏览

javascript - 如何使用 ng-file-upload 和 AWS Cognito 进行上传?

我为我的 Angular 应用程序安装了 AWS Cognito,我正在尝试将s3.putObject一些方法连接到 ng-file-uploadUpload服务中。

我想使用 ng-file-upload 的Upload.upload()方法,但我不知道如何将现有的经过身份验证的连接与 Cognito 一起使用。这个想法是使用 ng-file-upload 的拖放,然后上传将使用现有的 Cognito 连接上传到 s3。我怎样才能做到这一点?我之所以要使用 ng-file-upload 的Upload.upload()方法是为了帮助保留一些功能,例如进度条(如果不正确,请纠正我)。

0 投票
2 回答
19876 浏览

javascript - ngf-select 做什么以及为什么需要它来进行表单验证?

我是 AngularJS 菜鸟。我试图实现一个表单,该表单需要填写所有输入字段,包括文件上传输入。

和第一个 ecample 完全一样: https ://angular-file-upload.appspot.com/

所以我创建了一个简单的表格来测试一下:

但是,这不起作用。OK 按钮将永远保持禁用状态。我发现如果我将属性添加ngf-select=""到文件输入字段:

然后表单按预期工作。userName当两个和userUpload输入字段都填满时,确定按钮变为启用状态。我尝试谷歌搜索ngf-select,但找不到满意的答案。它有什么作用,为什么表单必须按预期运行?

0 投票
1 回答
464 浏览

angularjs - 如何使用 Angular/Node ng-file-upload 将文件上传到 S3

无法将文件上传到 S3 工作。话虽如此,我知道问题出在我身上。

目前我可以使用以下方法将文件上传到 S3:https ://s3.amazonaws.com/doc/s3-example-code/post/post_sample.html

现在,如果我将表单复制并粘贴到我的应用程序中,然后发布表单,它就可以工作了。

我正在做的下一步是将硬编码的值移动到 Angular 控制器中,以尝试在实现服务器端创建策略和签名之前通过那里上传文件,尽管它似乎不起作用。

我得到的错误是授权:承载问题。

阅读后,我尝试将授权设置为未定义,但仍然无法正常工作,我很茫然。

任何帮助,将不胜感激。

下面的代码:

0 投票
1 回答
2312 浏览

jquery - 如何在angularjs中使用ng文件上传裁剪和上传图像

您好我正在尝试裁剪我的图像并使用 angularjs 中的 ng-file upload 上传图像。

裁剪后我正在获取画布数据。然后如何将该数据转换为文件并使用 ng 文件上传上传到服务器。

提前致谢。

0 投票
0 回答
616 浏览

javascript - 如何使用 Angular.js 验证文件字段

我想input type=file使用 Angular.js 验证字段。这是我的代码:

我正在使用 angular.jsngFileUpload模块。我的要求是当用户忘记选择图像并单击添加按钮时,一条警报消息将通知用户选择图像。我怎样才能做到这一点?

0 投票
1 回答
2053 浏览

javascript - 如何将图像保存在特定文件夹 s3 下?

我目前能够在 s3 的根存储桶下上传文件,但是我想指定它应该保存到的文件夹。将文件夹名称附加到 url 会产生 405。

上传

S3 CORS 配置


S3 存储桶策略

0 投票
2 回答
12632 浏览

angularjs - ngf-pattern 不适用于 ng-file-upload

我试图将ng-file-upload组件中的文件类型限制为 CSV,但它不起作用 - 它仍然接受所有文件。

我都试过了ngf-pattern="'*.csv'"ngf-pattern="*.csv"

代码:

依赖:

0 投票
1 回答
4227 浏览

angularjs - ngf-min-size 用于 ng-file-upload

我在示例中看到有一种方法可以限制传入文件上传的最大大小。

还有没有办法限制最小尺寸?

此外,如果他们的文件不符合要求,是否有办法向用户显示消息?