问题标签 [angular-file-upload]

我将文件从我的控制器发布到我的服务器，gridfs 将它们写入其中。之后，有一个 writestream.on('close') 我可以在其中 console.log 将 file._id 记录到终端。

如何在我的角度控制器中将变量设置回 file._id？服务器不知道 angular 是什么，那么我该如何访问它呢？此外，angular-file-upload 会自动发布帖子，所以我不确定如何添加回调。

https://github.com/nervgh/angular-file-upload

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

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

我想在所有文件都成功上传后执行一个操作。我正在使用nervgh 的 angular-file-upload。我不知道该怎么做！

在控制器中，我有：

它对应response: $scope.data, topicId: $scope.topicMsgsToShow, messageText: $scope.dataForNewMessage.MsgText于AngularJS。

我试过了：

还： formData: [ $scope.data, $scope.topicMsgsToShow, $scope.dataForNewMessage.MsgText ]

它们都不起作用。

我正在使用 angular-file-upload 将图像与表单数据一起上传到我的服务器。我已经能够一次成功地完成一个图像。

我的问题是，在我的表单中，我需要上传两张图片，使用单独的输入（以及发送其他表单数据）。我使用单独输入的原因是我的一张图片是缩略图，另一张是英雄图片。我需要能够区分它们并将每个文件的文件路径插入到我的数据库中它们各自的列中。

我通读了这个 github 问题，其中介绍了如何使用相同的输入上传多个文件，但我找不到任何关于使用不同的输入上传多个文件的信息。也许我误解了他们。

现在，如果我尝试选择标题图像，它只会更改缩略图图像的值。

这是我的表格：

以下是我将文件发送到服务器的方式（在 onCompleteAll 回调中，我将表单数据发送到服务器）：

我是 Spring Boot 和 Angular js 的新手。在我的控制器中（角度文件上传）我有 -

在我的角度文件上传控制器的进度事件中，我有 -

在服务器端——

我使用了 MultiPartFile。我正在尝试使用 putObjectRequest 方法将图像上传到 Amazon Server 存储桶 (s3)。我将文件上传到存储桶，但在前端，上传程序的进度条立即运行到 99%，然后停止。我试图用谷歌搜索它，但找不到任何解决方案。

以下是参考代码-

感谢您完成此操作，如果您有任何线索，请以相同的方式更新我

我有一个指令应该在控制器变量更改时打开文件选择器窗口。这是指令的片段：

我遇到的问题是我无法在 div 上触发 ngf-select。手动单击 div 时它工作得非常好，并且 watch 函数正确调用 element.triggerHandler('click') 。我浪费了几个小时试图找出这不起作用的原因，如果有人遇到类似的问题，请帮助我找出问题所在。

Ps 不要注意变量名，它们是为了演示目的。

我正在使用 AngularJs 和 Firebase 构建一个小型网络应用程序（类似博客文章）。我之前实现了 addPost 控制器，效果很好。在我想在表单中添加一些输入文件之后，这些文件已经实现了使用 ng-file-upload 指令在表单提交时将图像上传到 firebase。作为一个新的角度我知道firebase可以将图像保存为base64，所以我在指令上找到了一个可以将图像转换为base64的函数，但我收到了这个错误**ReferenceError：disallowObjectUrl未在Scope.$scope中定义。当我尝试提交表单时上传**。我不知道我做错了什么。这是 github 上的项目 https://github.com/SaidThaher/HotelApp 工作文件是 addPost.html 和 addPost.js 。所有应用程序文件都在应用程序文件夹中。

请帮忙，我在这呆了3天。

更新

更新：@danialfarid 更新了指令并让我开心:)

升级到 8.0.6 并将您的 fb 推送移至此处：

我正在使用Angular-File-Upload将文件上传到服务器。一切正常，文件可以保存在数据库中。

问题是，如何加载我在编辑模式下保存的图像？

这是canvas上传图片时创建的指令

这是一个在上传时加载画布的 html 片段：

谢谢！！

我已经研究了过去几天，但我无法弄清楚这一点。

目标：用户使用 angular-file-upload 表单上传文本文件，然后 multer 将文件保存到临时文件夹。然后数据 POST 并且用户可以在同一页面或重定向页面上看到文件元数据和内容。

问题：在我的 POST 路由中，我可以使用 console.log(req.file) 并显示文件元数据。文件保存到临时文件夹。

我尝试了 res.send(req.file)、res.json(req.file)、数据绑定控制器范围内的元数据、res.locals、中间件函数以及许多我什至不记得的东西. json 对象永远不会进入视图。

这是我正在使用的一个片段。

路由.js

应用程序.js

控制器.js

请求文件

我想在通过扩展名上传它们之前对我的文件进行分组（扩展名不能在上传信息定义的mime类型属性中定义。所以我使用了由angular-filter定义的groupBy而不是放置一个属性（'file.name ' 例如）到过滤器我使用函数来获取扩展名。所以我希望我的预加载文件看起来像这样：

• 扩展1：

文件3.Extension1

文件1.扩展名1

• 扩展2：

文件4.扩展2

文件2.扩展2

这是我的例子

还有我的代码：

任何建议表示赞赏！