问题标签 [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 回答
154 浏览

angularjs - 当我没有安装办公室时,ng2-file-upload 不起作用

我在没有安装任何办公室的情况下在我的 vm 上测试了 ng2-file-upload,我正在尝试上传文件类型为 .doc 和 .docx 的文件,它让我一直处于这种状态 ->

this.uploader.onWhenAddingFileFailed = (item, filter, options) => { }

有没有一种解决方法可以在我根本不需要安装办公室的情况下工作?

0 投票
0 回答
432 浏览

html - 如何在 Angular 8 中使用编辑表单在 ng2-file-upload 表中显示上传的文件

我在表中有一个记录列表。表记录具有三个选项(查看、编辑、删除)。每条记录都有一个文档。

接下来,当用户单击编辑选项时。我将获取存储的记录,然后我将打开一个弹出模式并显示记录。这里我在底部有 ng2 文件上传表。我想在那里列出文件。用户可以删除和添加新文件。

0 投票
2 回答
1877 浏览

javascript - ng2 文件上传不允许我在将其从 que 中删除后添加相同的文档

我在使用ng2-file-upload时遇到了一点问题, 我试图阻止用户两次上传/使用同一个文件。意思是,将相同的文件添加到队列中但尚未上传)。

所以我可以添加这样的文档

然后我可以像这样从队列中删除它,这在调用“removeFromQueue()”之后似乎有效(我在队列中看不到它)

但是如果我尝试再次添加它,文件上传器窗口会打开,我选择同一个文件,单击它两次,然后什么也没有发生!

它不会触发“onAfterAddingFile()”,如果我查看队列,它不存在。

问题- 我还需要做些什么来告诉上传者允许再次上传相同的文件吗?

我了解默认性质将允许我多次添加同一个文件,我通过我的“onAfterAddingFile()”检查阻止了这一点

奇怪的行为- 如果我添加第一个文件 ex。file1.txt,然后是第二个文件 file2.txt,然后删除 file1.txt,然后读取它,这是允许的并且有效。如果队列不为空,似乎是允许的。但是,如果队列为空,我将无法重新添加我尝试添加的最后一个文件!

关注- 我知道我可以使用 'clearQueue()' 重置队列,但如果我有其他项目,它们都会被删除,所以我不希望这样。

0 投票
0 回答
36 浏览

angular - 上传到 Ng2FileUploader 时将附加参数传递给 BackEnd

我用 Ng2FileUploader 创建了一个上传掩码,并将它与 BackEnd 连接起来,效果很好。我现在希望用户在上传之前在选择下拉列表中选择月份,并且这些参数应该在上传时发送到后端。你能告诉我怎样才能最好地做到这一点吗?

我的代码:

HTML

TS

0 投票
0 回答
128 浏览

angular6 - IE 11 ng2 Angular 6 中的文件上传问题

我已经在angular6中使用ng2file upload编写了文件上传代码。能够在 firefox、chrome 和 edge 中成功上传多个文件,但不适用于 IE11。onSelectedFile() 事件在 Ie11 中触发了两次。

我试过下面的代码:

请有任何建议。

0 投票
0 回答
346 浏览

angular - 使用 ng2-file-upload 异步上传文件

我正在使用该ng2-file-upload模块上传大文件。

上传是用java编码的后端完成的

由于这些文件的导入需要很长时间,因此在前端和后端之间创建的 http 连接会使 nginx 服务器超时退出。

如何ng2-file-upload以异步方式使用该模块?

到目前为止,我已经以这种方式实例化了 FileUploader,但连接保持打开等待后端的响应(chrome 选项卡网络)

任何帮助,将不胜感激。

谢谢你,RC

0 投票
2 回答
1822 浏览

javascript - Angular ng2-file-upload 输入文件过滤器不适用于 Internet Explorer 中的 PNG

我正在使用带有文件类型限制的 ng2-file-upload 文件上传器。但是,每次我使用 Internet Explorer 11 选择 png 文件时,它都不会添加到队列中。所有其他允许的文件类型都在工作。这是带有文件选项的代码:

有人知道如何让这个工作吗?

0 投票
2 回答
122 浏览

angular - 创建绑定到现有函数的 Observable

我一直在尝试将包中的onCompleteItem数组函数绑定ng2-file-upload到我可以订阅的 RxJS Observable 方法。

这是我正在谈论的功能:

..which 在使用中几乎与以下内容相同

这是MyComponent的相关部分,目前正在运行:

我尝试将它绑定到 Observable 是通过使用 RxJSbindCallback函数:

由于一些类型/语法错误,这不起作用。有人对如何将此重写为绑定的 Observable 函数有任何好的建议吗?

0 投票
0 回答
378 浏览

angular - ng2 fileupload 在 angular7 中不起作用?

我有一个angular8应用程序,我想在服务器上发送文件。我正在使用ng2-file-upload.

这是我的 component.ts

component.html我有这个

现在http post,当我选择任何文件时,请求它不在网络选项卡中发送。它只打印正在onFileSelected运行的控制台。它打印文件对象。

我究竟做错了什么?

0 投票
2 回答
969 浏览

angular - 如何上传照片(ng2-file-upload)Angular 无法读取未定义的属性“push”

我正在尝试为食谱上传新照片,这是一种工作。照片正在上传,但控制台出现错误,要查看新照片,我必须刷新浏览器。我使用 asp.net 核心作为模型和控制器,使用角度作为视图如何解决这个问题?

在此处输入图像描述

零件

html

如果上传正常,为什么我会收到此错误