问题标签 [ng2-file-upload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
764 浏览

javascript - 如何更改“ng2-file-upload”默认行为以将文件输入的名称属性更改为“文件”

我正在尝试构建一个有角度的表单,我将在其中上传 2 张不同的照片。

我在 nodejs 上使用“ multer ”,在 angular中使用“ ng2-file-upload ”。

我需要为每张照片设置一个唯一标识符,以便能够正确处理它们。

multer设置为使用 html name 属性。问题是ng2-file-upload默认将输入类型 file -的属性名称更改为字符串file

当我尝试运行此代码时:

节点.js:

角度:

上传时 - 'ng2-file-upload' 将name="posterPic"and更改name="widePic"name="file".

错误:

任何人都知道如何更改ng2-file-upload默认行为以将文件输入的名称属性更改为“文件”?

非常感谢!

ps

告诉 multer 接受 any() 对我没有帮助。我需要能够识别这 2 个不同的输入。

0 投票
0 回答
49 浏览

javascript - 我正在尝试在我的项目中使用 ng2-file-upload。但是,我无法将包集成到我的 UI 中。

我正在使用 Angular 6 开发一个网站,并希望在我的项目中使用ng2-file-upload 。我已经按照链接中的说明完成了所有操作。UI 中仍然出现错误。错误是

compiler.js:486 未捕获的错误:模块“AppModule”声明的意外值“MyRandomComponent”。

请添加@Pipe/@Directive/@Component 注解。在 syntaxError (compiler.js:486) at eval (compiler.js:15296) at Array.forEach () at CompileMetadataResolver.getNgModuleMetadata (compiler.js:15278) at JitCompiler._loadModules (compiler.js:34413) at JitCompiler._compileModuleAndComponents (compiler.js:34374) 在 JitCompiler.compileModuleAsync (compiler.js:34268) 在 CompilerImpl.compileModuleAsync (platform-b​​rowser-dynamic.js:239) 在 PlatformRef.bootstrapModule (core.js:5578) 在 eval (main.ts :11)

谁能建议我我哪里错了。如果使用任何其他文件上传包会更好。除了回答,jsfiddle 或类似的工作演示将非常适合参考。我想让文件上传 UI,就像在这个链接

0 投票
3 回答
7671 浏览

node.js - Angular6重命名要上传的文件

我正在为我的 API 使用 Angular6 和 NodeJS。我的应用程序是一个学校软件,我应该用他们的注册号保存学生图像。我在 Angular 中使用ng2-file-upload进行文件上传,在NodeJS中使用 Multer,上传工作正常,但我不明白如何用 Student 的注册号重命名文件我在 Angular 中的网址由学生注册号组成,我只需要知道如何发送该注册号。编号为 NodeJS 并使用 Reg 重命名文件。数字


我的 .html 文件


我的 .ts 文件


我的 NodeJS Multer 上传:


提前致谢。任何帮助将不胜感激。

0 投票
1 回答
812 浏览

angular - Angular 6:无法绑定到“上传者”

我正在尝试将使用 ng2-file-upload 模块的视频上传到我的应用程序中。

这是我得到的错误:

应用\app.module.ts

video.component.ts

video.component.html

我已经在我的 app.module 中为“FileUploadModule”尝试了多种导入组合,但不适用于我。

在谷歌上搜索了许多相同的解决方案但没有帮助

有人可以帮我吗?

0 投票
1 回答
7078 浏览

angular - angular : 上传视频、音频、doc文件

我正在使用 Angular 6 开发前端应用程序,我也想上传视频、音频和文档文件而不是图像 我尝试了很多解决方案但没有帮助

现在我只能上传图片,但我的文章可以有视频、音频或文档

article.component.html

文章.component.ts

appContent.service.ts

但是我在控制台中收到此错误,听起来无法加载它请看下面的图片

在此处输入图像描述

有时我也会得到这个:

在此处输入图像描述

谁能帮帮我,我花了很多天寻找解决方案

0 投票
1 回答
201 浏览

angular - 发送表单数据以及 angular6 中上传的文件显示错误 title1 和 title2 not found

此代码使用Angular 6中的ng2-file-upload来上传文件,并且工作正常。现在我想将表单数据与文件一起发送。为此,我添加了两个表单输入title1title2,这是文件上传的实现方式。这是我实现它的代码行。所以我更改了下面的代码

但是我有错误 src/app/app.component.ts 找不到两个表单输入的 title1 和 title2 ..

app.component.ts

应用数据.ts

app.component.html

0 投票
1 回答
1808 浏览

angular - Angular 6 中的“ng2-file-upload”错误 - 无法绑定到“上传器”,因为它不是“输入”的已知属性

我正在使用 Angular 6 开发一个 Web 应用程序。这是我的文件夹结构。应用 | 页 | 仪表板 | 地图

在地图组件中,我正在使用“ng2-file-upload”上传文件。这是我的“maps.component.html”

我在 maps.component.ts 文件中使用了“FileUploader”。

但它给了我以下错误。

我在这里尝试了几种解决方案' https://github.com/valor-software/ng2-file-upload/issues/418 '但没有奏效。我尝试不时将“FileSelectDirective”添加到所有父模块中。但没有奏效。有没有人有任何解决方案?

0 投票
1 回答
87 浏览

node.js - 在nodejs中上传大型tiff文件

我正在使用 MEAN Stack 和 Angular 6 开发一个 Web 应用程序。我想上传具有大文件大小的 tiff 文件(地图)。(最大大小约为 1.4 GB)。我为此使用了“ng2fileUpload”和“multer”,但确实如此不允许存储大文件。有什么好的方法可以用来在nodejs中上传大文件。我以前的帖子在这个链接上。'使用 multer 上传文件会出现'请求实体太大'错误'

0 投票
1 回答
2291 浏览

node.js - 将图像上传到文件服务器并使用 nodejs 将 url 存储到图像

我正在使用MEAN Stackand实现一个网络应用程序Angular 6。在那里我想提交一个带有文件上传的表单。'.png'文件应该被上传。

我想将文件保存在不同的文件服务器中并将 url 发送到图像。目前我将文件上传到我的项目中的一个文件夹并将图像保存在 db 中(我曾经使用ng2fileuploadmulter。)。然后它像这样保存。

但我想保存图像 url,并且图像应该由 url 检索。有谁可以解释一个正确的方法?

0 投票
1 回答
1181 浏览

angular - 如何使用 ng2-file-upload 显示以前上传的文件

我正在使用ng2-file-upload,文件可以正确上传,但我也想显示以前上传的文件,我已经调用了一个 API 并将所有以前上传的文件存储在组件中的一个数组中,但是如何显示它HTML 页面。

我已经在“队列”数组中获取了上传的文件,我如何在此处显示