问题标签 [angular-file-upload]

我在这里发布这个问题，我一直在阅读许多相关的帖子，但其中任何一个都帮助我使它工作。

这个想法很简单：我有一个基于 MEAN 的应用程序，可以在其中将图像上传到 GridFS - 无需将其本地存储到服务器 - 稍后在浏览器中将其可视化。

所以让我们开始吧。我正在使用angular-file-upload模块从 AngularJS 上传图像。因此，在我的一个 AngularJS 控制器中，我有：

在我的 Node + Express 服务器中，我正在通过grids-stream模块处理上传请求和下载图像的请求。这使我可以直接在 GridFS 中/从 GridFS 中流式传输和保存图像，而无需暂时将其保存在服务器中。

在客户端，我有这个生成所有 HTML 图像元素的 HTML 指令：

其中my-image-draggable作为其元素之一：

在运行时，{{image.imageId.location}}, 被翻译为（例如）：'/file/getFile/2350bcf0-53b4-11e4-9f6b-9fc9a66908c4.jpg'，因此，原则上

应该downloadFile在服务器中触发 HTTP GET 请求，图像应该从 GridFS 流式传输，并最终显示在浏览器中。问题是图像不显示。

我还尝试在 Angular 控制器中对服务器发送的图像数据进行预处理，以便将其编码为 base64，并在运行时ng-src使其类似于：

但它也不起作用。

我也尝试downloadFile手动调用路线，但没有结果。我无法弄清楚为什么这不起作用。我想知道图像是否正确保存到 GridFS。

有什么建议吗？还有其他人遇到过同样的问题吗？

非常感谢！

I am using angular-file-upload in my angular project. https://github.com/danialfarid/angular-file-upload

Its working fine for first uplaod but when the upload fails, afterwards it does not work.

Please suggest any workaround.

Thanks in advance.

我很难将以下curlPOST 转换为符合angular-file-upload格式

在哪里：

@file-作为脚本调用的参数提供的图像文件

$body-描述服务器所需作业参数的 JSON 对象

即，我不知道如何将--form参数传递给formDataof angular-file-upload（即使formData是用于此任务的正确属性）。

PS：我发现这个解决方案可以在不multipart/form-data依赖. 我尝试了以下方法，因为根据$http 文档，我可以将数据设置为或对象类型：angular-file-uploadjobSettingsdata$http.post()String

不工作。

任何人？

我正在尝试上传文件，我正在使用“Angular File Upload”。尝试连接并将文件发送到 mongodb，但它在 firebug 上出现此错误

净::ERR_INSECURE_RESPONSE

在 mongodb.log 日志文件中，它显示连接已完成：

2014-11-09T11:57:05.512+0400 I NETWORK [initandlisten] 接受来自 xxx.xxx:53749 #2 的连接（现在打开 1 个连接）

2014-11-09T11:57:05.524+0400 I NETWORK [conn2] 结束连接 xxx.xxx:53749（现在打开 0 个连接）

我还创建并使用了 ssl 证书。

我的 Angular Js 代码是：

在我使用 Formdata 上传文件之前，我在我的应用程序中使用 angular-file-upload 尤其是为了 IE 兼容性，

它的工作正常 chrome，但它不能在 IE9+ 浏览器中工作，问题是我设置的临时标头没有发送到导致问题的服务器

任何人都可以帮助我吗？

谢谢和问候，萨蒂什

我基本上是在尝试使用 angular 和 webmethod 上传文件。我从这个博客中获取了代码，但它不起作用。从提琴手看来，请求是成功的，但 web 方法永远不会被调用。

难道我做错了什么？

以下是我的代码。

这是我的 WebMethod

所以我正在使用gem 'angular-file-upload-rails'它安装我这个Angular插件：Angular File Ipload

现在，我当前用来上传文件的代码如下所示：

HTML：

咖啡稿：

现在，当我查看服务器的响应时，我看到了：

问题在于我将其格式化为 json 吗？但是至少不应该将文本参数传递给控制器​​吗？

我也不能使用 html Post，因为我的应用程序的性质是它会在您登录时拦截所有 HTML 请求。

也可能一文不值，我用它paperclip来管理我的上传。所以我可能也必须将文件发送成正确的格式？

我正在尝试在网站上实现进度条。

问题：
ProgressEvent.load始终与ProgressEvent.Total相同，这会阻止进度显示上传的真实状态。在 xhr 请求发送的第一秒，它看起来已经完成，但实际上服务器仍在获取文件的一部分。

JS：
我的 js 代码（进度部分）如下所示：

属性lengthComputable为真。event.loaded是 4354707，而
event.total是4354707。 C# 服务器端：

上传 4.2MB 文件 1 秒后 Chrome 调试：


请求完成后在提琴手中：

我的问题是：

1. 浏览器如何知道加载的大小？它如何将文件拆分为多个部分并基于哪些参数？
2. xhr.upload.onprogress 函数事件如何随着进度更新？它是报告他进度的服务器吗？如果是这样，它在代码上的什么位置，因为我没有处理它。
3. 为什么加载的属性不显示零件的实际尺寸？

我正在尝试通过angular-file-upload 上传文件，而在 IE9 上，它会回退到通过 flash 上传的旧版上传。

重现这个的步骤是：

1. 按文件输入上传文件
2. 选择文件并按打开
3. IE9 完全中断，出现“Internet Explorer 已停止工作”错误并重新启动。

我上传文件的方式是通过文件输入上的 $watch ，所以基本上上传应该在选择文件后自动开始。

有没有人遇到过这个？谢谢。

我正在使用Angular-file-upload通过执行以下操作将文件上传到 API：

所有参数似乎都设置正确。API 期望token存在以进行身份​​验证。出于某种原因，API 永远不会收到客户端发布的token或place_id发布的内容，并且总是以BadRequest.

这里有什么问题？