问题标签 [ng2-file-upload]

我添加到 'uploader.onBeforeUploadItem' 方法代码如下：

除此之外，我从输入类型文件中添加了一个文件：

问题是，当我尝试在后端站点上引用这个值时，我能得到的唯一属性就是那个文件。其他数据在那里不可见（req.body 未定义）：

当我通过控制台 xhr 选项卡检查请求时，我看到唯一发送的数据是文件。我该如何解决这个问题？

我想使用 ng2-file-upload 和 Angular 6 获取并检查上传图像的宽度和高度。

到目前为止，我的代码是：

和 HTML：

我一直在寻找解决方案，但对我没有任何帮助。找到了使用的想法

在这里。但我不明白如何/在哪里导入“上传”。还找到了添加的解决方案

在输入元素中，但如果输入图像的大小错误，我找不到可以“捕获”错误的位置。

我需要在选择时获取输入的文件名并将其保存到数据库中，但它似乎唯一显示的是文件的假路径。

我得到的输出是C:\fakepath\image.png，我只需要image.png

我们正在尝试设置图像大小的限制，例如最大应该为 2mb。我们正在使用 ng2-file-upload。您可以在下面看到代码：

我们可以在哪里以及如何设置图像的限制？

我们有 2 个与选择文件和上传文件有关的问题。第一个问题是，当您上传图像时，文件名仍保留在输入中。这是代码。

HTML

上传图片后如何重置表单？另外，例如，如何使错误消息显示 3 秒？如果您选择了错误的文件，即使添加了有效文件，错误也会一直存在。我们考虑添加

但不确定在哪里添加它？我该如何解决这两个问题？

我正在尝试自定义默认的 ng2-file-upload，但它并没有按照要求进行。谁能帮我吗。

要求

HTML

所以我尝试使用angular 7 / ng2-file-upload 上传文件，但我无法这样做，
因为我收到错误 400（需要字段名称），问题是我找不到添加方法（键名/字段名）到文件。
这是 Post-man 的一个示例：
我使用 Form-data，然后添加一个键名（imgfile），然后在值字段中浏览到文件，当我单击上传时，它就像一个魅力。但是，例如，如果我将键名更改为 ex: (imgs) 我复制了我在角度 7 中得到的错误。
这是我的 TS：

这是我的html：

在使用来自 ng2-file-upload 的 [uploader] 文件删除指令时，我遇到了一个奇怪的问题。Angular 编译器的输出是：

无法绑定到“上传器”，因为它不是“div”的已知属性。

我在这个网站上搜索了任何类似的问题，但从我的角度来看，一切都是正确的：

• 在 app.module 中声明组件 - 检查
• 在同一个 app.module 中导入 FileUploaderModule - 检查
• 没有其他模块（除了路由）

应用程序模块：

SongFiles 组件：

但我总是得到描述的错误。我有第二个简单的测试项目，上传器工作。但我找不到他们两个之间的任何区别。

整个项目托管在https://github.com/smuddy/wgenerator/tree/master/WEB

I am currently using this code for file upload (Angular 2+):

With html:

This works fine, but I wanted to use the ng2-file-upload because of all the extra goodies that comes along with that package.

When I enter my code for ng2-file-upload and try to upload I get a 500 error. I am 100% sure the problem is the key name 'files' which you will find in this line in the old code:

How can I add/change the form-data key name to 'files' when using ng2-file-upload?

This is btw my code for ng2-file-upload:

And the html:

EDIT:

I guess the answer to my question is:

...But I still get a 500 (internal server error) when I try to upload...

我正在使用 ng2-file-upload 插件我需要将请求方法更改为 POST 但它的显示选项

请求 URL：http ://1.0.0.188:8080/Auto/upload/data/mandateupload 请求方法：OPTIONS 状态码：403 远程地址：10.44.1.7:8080 推荐人策略：no-referrer-when-downgrade