问题标签 [ng-file-upload]

一开始我会说我是角度的初学者，我正在学习它。我计划创建画廊系统，用户可以在其中创建多个画廊。我正在使用 http.get parital 编译并为放置图像创建表单的指令。对于一种工作良好的表单，但是当我添加更多表单时，我的函数会执行多次。我认为我的逻辑对此不好，或者我做的不好。这是我的指示。

模板

和控制器

我正在寻找隔离数据，或者有人可以向我解释创建多个画廊的更好逻辑

一旦用户从他们的计算机中选择它们，我希望使用 ng-file-upload 角度插件的 ngf-thumbnail 指令来生成图像的预览。但是，图像的大小仅限于包含缩略图的元素的大小，或者需要在创建指令时指定大小。

是否可以在插件框架内使用原始大小生成图像预览。我想知道除了使用 FileReader/onload 事件读取图像之外是否还有其他选择（Getting Image Dimensions using Javascript File API）

请将此作为代码示例：http: //jsfiddle.net/danialfarid/maqbzv15/

这是一个关于如何使用这个插件的 JS Fiddle，你可以尝试通过上传图像来重现问题。更改“拇指”类的高度和宽度将不起作用。

我是 AngularJS 的新手，我正在尝试使用 ng-file-upload 上传图像

我的任务是将 Ionic 应用程序转换为网络应用程序，因此我必须重用相同的路线。

我仍然遇到许多不同语法的相同错误：

有人能告诉我我错过了什么吗？

我正在使用这个ng-file-upload模块，我使用ngf-pattern来限制只允许上传的图像文件类型。如果有人上传了错误的文件类型，那么，我需要显示一个框，应该向用户显示错误框Invalid file type has been uploaded。

例如，在我下面的代码中，我在ngf-pattern上使用了支持的图像文件类型jpg。如果我上传png文件，我应该显示错误

同样，我想显示上传错误文件类型的错误。

请帮助我。

代码

角码

我正在尝试使用 ng-file-upload 指令（https://github.com/danialfarid/ng-file-upload）向我的项目添加文件上传功能，但不断收到此错误：

我在 index.html 中包含了正确的文件：

我将其声明为我的模块：

但是当我尝试将它注入我的控制器时，它会抛出上述错误：

我正在使用 Angular 1.4.6 和 ng-file-upload 9.0.14。我手动下载了文件，并将指定的 .js 文件包含在我的项目目录中。是否有一些我缺少的通过 bower 或 npm 包含的额外依赖项？

任何帮助将不胜感激！

更新：使用 AngularJS 1.4.6 ( https://angular-file-upload.appspot.com/#/1.4.6 )查看 ng-file-upload 指令的实时演示页面也会导致许多错误，所以这可能只是一个与 1.4.6 和最新版本的 ng-file-upload 不兼容。

我正在尝试使用 Angular js 实现拖放文件上传的jsfiddle 示例http://jsfiddle.net/danialfarid/s8kc7wg0/112/ ，它工作正常，直到我使用 URL 路径“' http://angular-文件上传-cors-srv.appspot.com/upload "

我使用了他们在 jsfiddle 中提供的完全相同的代码，我知道它将在上传文件夹中上传文件，所以我创建了一个具有 777 权限的文件夹名称“上传”。

我只面临控制器 url 路径部分的问题，所以我在下面给出了该代码。

$scope.upload = function (files) { if (files && files.length) { for (var i = 0; i < files.length; i++) { var file = files[i]; if (!file.$error) { Upload.upload({ url: 'https://angular-file-upload-cors-srv.appspot.com/upload', data: { username: $scope.content, file: file
}

如果您直接在浏览器上运行此 URL，它将向您显示空 json 数据“{“size”：0}”

我在许多网站上搜索过它，但没有找到任何关于它的解释。

我的查询：

• 这个网址有什么用

• 我如何在我的节点 js 应用程序中创建它。

• 我如何设置文件上传路径

  我还在那里查看了 GitHub 的详细信息，但没有帮助 https://github.com/danialfarid/ng-file-upload

任何帮助将不胜感激

我刚开始使用ng-file-upload，一开始有点复杂，但经过一段时间的阅读，我可以实现一些目标。但是现在我一直在尝试添加进度条，我将图片上传到 Firebase 并且效果很好，我可以保存它，更新它并在视图上显示图片，现在我只需要添加一个进度条就可以知道发生了什么在上传的时候。

我知道执行此操作的信息，并且有一些示例，但我不知道如何将其添加到我的代码中，希望您能帮帮我。

这是我的 Javascript 代码：

还有我的 HTML：

非常感谢，

丹尼尔

如果我将AdministratorAccess策略分配给我的 S3 用户，那么我可以轻松地将文件从我的 Web 应用程序上传到 AWS S3。

策略名称：AdministatorAccess

但是当我尝试通过另一个策略限制他的权限时，我收到来自亚马逊的 403 错误 - AccessDenied。

请求标头：

从 Amazon S3 返回的 xml：

这些动作还不足以上传文件吗？以下是修改（有限）的用户政策。

limited_user 政策：

开发桶政策：

请求有效载荷

我的角度指令：

尝试在 VS 2015 中安装 nuget 包时出现错误。您能帮帮我吗？

此致。

编辑 1：我更改了 nuget 数据包源并从 nuget 包管理器窗口安装。

我在我的主页中使用了一个 html 文件

在这个脚本中有一个显示一些文档的列表。

在某些时候，使用另一个模板内的按钮，包含几乎相同的方式，我可能会上传一个新的 pdf 文件。该文件被上传到我的服务器并进行查询以请求文档列表（现在预计将包含此新文档）。此查询与最初调用 fill 的函数相同relatedDocuments。这次虽然列表没有更新，但无论我上传多少文件。只有当我刷新时，我才会看到新上传的文件。

尝试强制$digest我自己不会有任何效果，即使在承诺解决后我可以在控制台中看到打印的列表，我的视图也将保持不变。

控制器如下所示：

在这个模块内部还有一个uploadDocument()函数，它在上传文档后调用getRelatedDocuments(). 该函数使用ng-file-upload来处理向服务器传输的实际数据。

此上传函数在主页某处按下相应按钮后调用。因为我可以看到日志消息和响应，所以我认为一切正常。

可以在此处找到包含代码相关部分的 plunk 。curse 不起作用，因为它需要后端保存和获取文档列表，但它仍然是一个很好的参考。

有谁知道为什么会这样？