问题标签 [ng2-file-upload]

我正在使用ng2-file-upload遇到ASP.NET Core后端的包。

https://github.com/valor-software/ng2-file-upload

使用基本示例，尝试测试上传 ~50MB 的大文件。

该文件最终会上传，但没有发生任何进度/块操作。它基本上是在坐了一会儿后立即上传的。

我需要更改什么才能获得进度/块上传？

ng2 组件：

asp.net mvc 控制器/动作：

我在角度 4 中使用 ng2-file-upload。有没有办法从服务器返回自定义数据？我们如何在 ts 文件中访问它？

我不知道为什么，但是当我将文件发送到服务器时，当前页面会同时重新加载...... Postman 也会发生这种情况。

我使用官方文档的副本。

我使用 SlimFramework ：

路线 ：

控制器 ：

文件已正确上传，路径已添加到数据库中。

任何想法 ？

更新

在组件中

我想完成文件拖动上传：我正在使用 ng2-file-upload 版本 1.2.1 和以下代码片段：

app.module.ts：

组件.ts：

app.component.html：

函数 fileOverBase 在拖动时成功调用，事件 e 打印为 true。现在我怎样才能得到拖动文件的对象？

我正在尝试实现此库以将图像上传到文件夹服务器：

当我单击“上传”按钮时，服务器立即返回到this.uploader.onCompleteItem我fileUpload.ts组件上的侦听器：

但该文件不存在于服务器上。会做错什么？

这是我的后端：Server.js

这是我的前端

文件上传.ts

文件上传.html

Systemjs.config.js

应用程序模块

我的前端的 package.json

package.json 后端

编辑2：

我已经解决了一半的问题：

app.use(multer({storage:storage}).single('file'));似乎是关键。但我很新，我不知道为什么

'multiple' 和 .array('file',12) 也不起作用

我在 multer github 页面上建立了一个相关的问题，有同样的问题

我有一个讨论论坛 webapp。用户发布问题的地方。我正在使用ng2-file-upload。正如我的论坛使用 *ngFor 循环列出的那样，每个讨论都有一个“评论”输入框，他们可以在其中很好地上传图片广告。由于图像是从相应的设备中选择的，我正在显示一个小预览图像。

当我选择图像时，它的预览会显示给每个对象。我基本上想要实现的图像上传和预览应该是各自的对象。下面是我试过的代码：

仪表板.html

仪表板.component.ts

我想在我选择的输入标签下方显示图像。

当 Content-Type 设置为“multipart/form-data”时，上传方法不会触发控制器方法。如果 Content-Type 设置为 'application/json' 方法将被触发，但文件对象将为空。

这是我的客户（角度 4）实现：

这是我的 web api 控制器（.net core 1.0）：

也许我忘了添加一些特殊参数或其他东西？

我在尝试在数组中使用上传器时遇到问题：

我使用“ng-repeat”在表中列出了一组用户。我想添加一个带有按钮的列来为每个人上传一张图片。我目前正在使用ng2-file-upload但将其更改为其他没有问题。

在组件中，我知道我需要用我的 api 的 URL 声明上传器，以使用以下代码上传文件：

但是，此代码不适用于每个用户。

问题是我找不到从每个用户获取上传文件路径的方法，以将其保存在一个变量中，该变量可以让我将其保存到数据库中。

我知道有一个函数可以获取文件名，但我无法获取每个用户照片的值。

你们中有人做过这样的事吗？也许你可以告诉我如何让它工作。

我想我必须为每个用户动态创建上传器，所以每个上传器都有自己的文件路径，但我怎样才能完成呢？或者也许只有一个上传者是可以的，但是当我在 onCompleteItem 函数中时我需要获取用户 ID，以便我可以将文件路径保存到数据库中的当前用户？

感谢您的指导。

我试图将 ng2-file-upload 模块集成到我的应用程序中。

我收到此模板错误：无法绑定到“上传器”，因为它不是“输入”的已知属性

更新文件夹str：

在 layout.module.ts

在类别-items.module.ts

应用\app.module.ts

app\components\layout\category-items\category-items.component.ts

或者如果我尝试如下：我得到意外的关闭 div 标签

我已经在我的 app.module 中的各种帖子中尝试了多种导入“FileUploadModule”的组合，但在我的情况下似乎没有一个有效。

错误堆栈跟踪：

“未捕获（承诺）：错误：模板解析错误：↵无法绑定到“上传器”，因为它不是“输入”的已知属性。（“↵ ↵

在谷歌上搜索了许多相同的解决方案：

一些参考是：（但没有帮助）

https://github.com/valor-software/ng2-file-upload/issues/418

https://github.com/valor-software/ng2-file-upload/issues/608

我正在尝试使用放置区域将图像上传到变量，我发现 ng2-file-upload 但它只上传到 url。有什么办法可以欺骗它，或者我可以使用其他一些工具吗？通常，我想将图像上传到我页面上的某个区域并将其存储在模型字段中，然后通过 rest 将其保存到数据库中。我使用角度 4。

作为示例，我发现了这个https://github.com/valor-software/ng2-file-upload 和演示：http: //valor-software.com/ng2-file-upload/ 但我只发现了立即保存的示例它休息，而不是我想将它存储在我的变量中。