问题标签 [ng-file-upload]

我正在尝试使用 Angular [ng-file-upload[( https://github.com/danialfarid/ng-file-upload ) 指令实现文件上传。我已尽可能密切关注文档。我希望用户能够填写表格、附加图像并点击提交按钮。发生这种情况时，我想将文件和表单输入字段作为 json 发送到服务器。

当我运行检查以查看是否image.$valid为真时，我得到一个错误``。我不确定我在这里缺少什么。

这是我的控制器：

这是我的表格：

我正在使用 ng-file-upload 库将文件发布到我的后端 Web Api。文件发布后，我将其保存到以下文件夹

并保存到我的数据库的路径。

现在当我进入编辑模式时；我想预览所有上传的文件（照片）。但是当我使用类似的东西时

我明白了

从磁盘提供文件时，这是正确的方法吗？

• 我正在使用danialfarid/ng-file-upload插件，我将 ngf-select 指令设置为 .doc,.pdf 扩展名。它工作正常。

• 问题是如果用户选择 .png 或 jpg 文件，我想向用户显示不接受此文件类型的警告框。提前感谢您。

使用 ng-file-upload.js 上传文件。两个问题：文件默认上传到哪个位置以及如何更改此位置？

我有多个拖放区域，如下所示：

请注意，div 在悬停时有一个用 CSS 完成的翻转动画。

CSS：

在 iPad mini/Safari 中，如果我在其中一个区域上传，文件就会上传。但是如果我点击另一个区域并选择一张照片，前一个区域会再次上传。我必须再次单击新区域才能将文件上传到我想要的位置。我必须双击新区域才能在该区域上传文件，或者有时我必须单击多次。

在 iPad mini/Chrome 中：我需要在同一区域上传 2 次照片，以便您看到。如果你上传一次，它不会显示。

我认为这可能是悬停状态的错误，因为不知何故，如果您单击一次 div，图像会翻转，如果您单击另一个 div，则初始 div 会翻转而新的 div 根本不会翻转...但是我该如何解决这个问题？

您能否告知这是插件错误还是我的代码中的某些内容？

谢谢你和最好的问候，米海

我需要根据 1:3 的比例来验证图像的宽度 - 高度。我正在使用 ng-file-upload 上传图片。验证需要在发送到服务器之前完成。

我对如何从所选图像中获取图像宽度/高度一无所知。有人可以帮帮我吗？

我正在关注本网站的教程：http: //odetocode.com/blogs/scott/archive/2013/07/03/building-a-filereader-service-for-angularjs-the-service.aspx

我正在为我的 Ionic 移动应用程序使用ng-file-upload库，并且我在实现这个库时遇到了挑战。我还将 Codeigniter 用于我的 REST API。我的上传请求应该有字段（一些数据）和图像。到目前为止，这是我的代码：

这已经连接到一个按钮，但是每次我按下按钮时，什么都没有发生，在日志文件中我得到错误 0。

======编辑2=======

我现在有来自服务器的响应，我输入了错误的 url。但现在的问题是我无法在我的 codeigniter 后端解析 $_FILES 中的响应。我 var_dump 它，这是响应：

期待您的帮助，我无法弄清楚我缺少什么。

谢谢

我有点进退两难。我正在使用带有 AngularJS 的 Rails 4.2.3。我有一个表单需要为关联的数据模型上传嵌套属性，并且还需要上传图像。我发现，使用 AJAX 请求上传文件并不是一件容易的事，我正在使用 ng-file-upload 来解决这个问题，但是我遇到了一些基本的使用问题。

我的 Rails 模型：

Rails 在提交表单时需要这种格式：

使用 ng-file-upload，似乎几乎不可能包含嵌套属性（或者我可能遗漏了一些东西，我已经多次阅读文档以试图找到任何相关内容）。我采用了这种有点老套的方法，以 Rails 可以理解的方式包含嵌套属性。表格如下：

我所指的“hacky”位是我有“job.references [0]”的地方。以下是我如何使用 ng-file-upload 来包含嵌套属性：

这适用于新模型条目，但是当我在此处编辑现有条目时出现问题...这是使用此设置发送到 Rails 的 JSON 数据：

您可能已经注意到，“id”属性不再包含在嵌套属性中。这导致 Rails 在我提交任何编辑时复制现有的嵌套属性。有没有人更好地了解如何在 ng-file-upload 中包含嵌套属性？或者甚至是没有 ng-file-upload 的解决方案？

提前致谢！

我正在尝试实现一项功能，以便用户能够为我们的公司页面上传个人资料照片。我在角度使用 ng-file-upload 插件：https ://github.com/danialfarid/ng-file-upload

我按照文档中的一个示例上传照片：

这是它的html

问题是我得到一个状态码 200 告诉我它已经成功上传了照片，但实际上它没有。给我一个空洞的回应。我究竟做错了什么？

免责声明：我不知道 php，但这是我们后端开发人员的后端代码。这可能会有所帮助

我正在尝试将文件图像上传到我的 Amazon s3 存储桶，但不断收到 400 Bad request 错误。在挖掘时我发现错误代码是 Invalid Argument 但我不知道为什么我不断收到错误。

控制器.js

cors配置

这是我得到的错误报告

任何帮助表示赞赏。

谢谢