问题标签 [ng-file-upload]

我使用 AngularJs 制作了一个网络应用程序，用户可以使用ng-file-upload.txt将文件上传到服务器。

现在我想要一个简单的 Node.js 服务器来测试上传部分并观察页面中的进度条和错误消息的行为，但是对 Node.js 和整个后端的工作方式知之甚少，我尝试使用Node.js 服务器由ng-file-upload非常wiki提供。

我尝试进行一些更改，将我带到这个app.js文件：

UserController.js就这么简单

在我的 AngularJs 应用程序的指令控制器中，我以这种方式使用ng-file-upload 上传服务

最后，我像这样启动服务器：

一切看起来都很好：

话虽如此，当我启动 AngularJs 网络应用程序并尝试上传文件时，我收到以下错误

经过一番谷歌搜索后，我发现许多用于允许这样的 CORS 请求的要点，但我的 Node.js 知识太差了，我什至不知道应该将这些代码行放在哪里。

此外，我尝试console.log(err)在app.js form.parse零件本身中获取 a 并将其打印在终端上：

我缺少什么，我该怎么做才能让这个简单的 Node.js 服务器正常工作？

编辑 29/07/2015

我选择遵循@Can Guney Aksakalli建议的第一个选项，因为这是我唯一能做的，但即使现在代码看起来像这样：

这个解决方案不起作用；node app.js正如我在最初问题的最后一部分中所写的那样，我在 Chrome 控制台和我调用的终端中不断收到相同的错误消息。

我想使用 ng-repeat 从动态生成的 HTML 表单上传图像文件。我正在使用 ng-file-upload 模块上传单个图像文件（https://github.com/danialfarid/ng-file-upload）。当我从静态 HTML 上传文件时，它工作正常。但是当我尝试从动态生成的 HTML 上传文件时，它不会按预期工作。该文件未上传，并且在 Firefox 控制台中也出现错误，如下所示：

如果我们将文件控制集的 ng-model 设置为 null，则表单提交成功。例如; 如果

和

然后其他参数将由 HTTP 服务提交并正常存储到数据库，但文件不会上传。

在这种动态生成的 HTML 的情况下，有什么方法可以将文件对象分配给 input[type=file] 吗？

代码PLUNKER在这里创建

http://plnkr.co/edit/S7hnVJnuDjWUMQ6PYewk?p=preview

我有以下代码。

HTML：

JAVASCRIPT：

上面的代码在jsFiddle中运行良好，我也仔细遵循了这个文档。当您在出现在img width="80" height="80" ngf-src="files[0]" ngf-default-src="'/thumb.jpg'" ngf-accept="'image/*'">. 到目前为止，一切都很好。

但$scope.$watch似乎只适用于 onload 和console.log($scope.files);prints undefined，第二次角度应该调用它不调用的摘要循环，$scope.$watch阻止它调用$scope.upload($scope.files);将执行上传的调用。什么都没有发生，好像ng-model="files"不起作用。我花了几个小时调试这个请帮忙。

我正在尝试使用此链接https://github.com/danialfarid/ng-file-upload在 angularjs 中的 WAMP(localhost) 上上传文件。但是当我在 localhost 上上传文件时，我收到一个包含该文件夹的 HTML 代码的 html 响应（在日志中）。

请帮我..

我在日志中得到的响应是

请帮我。成功后，我将用原始 URL 替换该 URL。

我正在尝试上传两个不同的文件，一个图像和一个 pdf 文件，每个文件都来自不同的输入，如下所示：

在服务文件中，我使用以下内容发送它：

但是当我尝试在服务器端获取文件时，如下所示：

我不断得到：

但是，当我将文件更改为

意思是，我只传递一个文件，它有效。

我正在使用ng-file-upload，AngularJS服务器端是Laravel

有什么想法可以解决这个问题，允许将两个文件都发送到服务器？！

我正在尝试结合ng-file-upload和carrierwave来上传多个文件，但服务器端的控制器只接收一个文件（所选文件的最后一项）。

客户端（参考）

html

js

console.log(files)打印Array[File, File, ...]（浏览器：FireFox）。所以在客户端它确实得到了选定的文件。在ng-file-upload的GitHub页面上说它支持.html5

服务器端（参考）

post_controller.rb

where@post.attaches是帖子的附件，params[:file]由客户端通过filein 参数发送Upload.upload。

我想将一组文件存储到@post.attaches中，但params[:file]只包含所选文件中的一个文件。 puts params[:file]印刷：

这表明params[:file]. 我不确定这个参数的使用是否有任何问题。

我该如何解决这个问题？

这是我的post.rb模型和attach_uploader.rb（由carrierwave创建）供需要时参考：

post.rb

attach_uploader.rb

并且@post.attaches数据库中的列posts由

我正在尝试在我的应用程序中上传 doc 或 docx 文件：

风景 ：

的 ctrl ：

我可以上传图片或 .pdf 但不能上传 .doc 或 .docx .. 我做错了什么？请注意，我使用的是 ng-file-upload 版本 1.3.1。无法升级到 6.x，但我认为问题不是来自这里。

设想：

开发网站的博客功能（angular + firebase + Aws S3 + ng-file-upload）

将图像上传到 S3 进行存储并将 url 存储在 firebase 中，以便在呈现博客文章时调用

问题 -

• 403 错误访问被拒绝上传-当请求标头中的 acl 为“公共读取”时
• “私人”作品 - 意味着他们上传但不在页面上呈现

（* 但是手动更改图像以在 Aws S3 存储桶中公开图像在博客中呈现*） - 绕圈子试图找出问题所在

这是代码

// 政策文件

是否可以将整个窗口用作放置区域？

当然，我可以将ngf-drop属性附加到正文，但是其他一些 HTML 元素会覆盖，我不能将我的文件放在那里……否则我不能使用 DIV 将这些属性附加到所有其他元素上，因为没有别的了可点击。

或者我怎样才能用 vanilla js / css 实现这种行为？

我正在使用“ https://github.com/nervgh/angular-file-upload ”中给出的 angularjs 文件上传器，所以我的 js 代码如下所示：

现在我可以得到uploaders[0].queue.length = 1但不是像uploaders[0].queue[0].file.name这样的其他属性，有什么建议吗？