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

angular - 完成回调时上传 Angular 4 文件

我在我的 Angular 4 应用程序上实现了简单的文件上传,一切正常,但我有一个问题我不知道如何解决,所以当我完成上传第一个项目时,onSuccessItem 回调触发并且我在那里做了一些逻辑,但是当我上传另一个文件时,相同的回调不会触发。我的问题是每次上传文件时如何触发 onSuccessItem 回调,我不想刷新页面。我的代码看起来像这样。我正在使用这个插件https://github.com/valor-software/ng2-file-upload

0 投票
1 回答
2436 浏览

angular - 使用 ng2-file-upload 将多个文件上传到不同的 url

我遇到了麻烦uploading multiple file to different urls using ng2-file-upload method

我正在使用这个 repo https://github.com/valor-software/ng2-file-upload 来做这个。使用这个演示上传文件ng2-file-upload很容易集成到我的应用程序中。此外,他们还提供了一种在特定 url 上上传多个文件的方法。

但我想上传different files at different url,我还没有找到。

FileUploader提供url了上传文件的方法。该方法的有用之处在于,progress-bar相关功能与该ng2-file-uploader组件集成在一起。我进行了很多搜索,但找不到任何上传到不同网址的解决方案。

任何有用的建议将不胜感激!!

0 投票
1 回答
962 浏览

angular - 如何使用 ng2-file-upload 检查 Angular 4.3.1 中视频的持续时间?

我正在使用 ng2-file-upload 上传视频,最长上传时间为 15 分钟。那么如何在将其上传到服务器之前获得它的持续时间呢?仅允许使用以下扩展名:- -.MOV -.MPEG4 -.AVI -.FLV -.3FPP -.WebM 和 -.MPEGS。如果有人知道,请回复。

0 投票
1 回答
557 浏览

javascript - 使用 ng2 文件上传以 Angular 2 上传视频文件并在前端的播放器中显示视频

上传视频很容易。因为我可以使用 ng2 文件上传来完成它。我想在前端的播放器中显示拖放的视频文件。任何关于此的建议都会非常有帮助

0 投票
1 回答
949 浏览

angular - 阻止浏览器在 drop 标记之外加载文件 drop

我已经使用 ng2 file upload 实现了文件删除。我面临的问题是,当文件被拖放到放置区域之外时,浏览器会打开它。有什么办法可以防止这种情况发生吗?角2/4

0 投票
0 回答
1248 浏览

node.js - ng2-file-upload 不适用于一个组件,但适用于另一个

我将 ng2-file-upload 用于 2 个不同的组件,但代码基本相同。我将有效的组件代码复制并粘贴到无效的组件代码中。问题是我上传文件后,没有任何反应。在上传者真正识别出文件已上传之前,我必须多次点击上传。在另一个组件中,它工作得很好。

这是我的工作文件的 component.ts 代码

这是不工作的组件的代码

关于这些文件的注释,它们都是同时使用的,因为它们是模态的。这是它们作为指令调用的文件。

我试过查看代码并发现任何差异,但它不起作用。任何人都可以帮忙吗?

0 投票
1 回答
1428 浏览

node.js - 为什么我会收到“TypeError:Reflect.getOwnMetadata 不是函数”

我正在使用 Angular2 和 Node.js 使用 ng2-File-Upload 进行文件上传,但是在运行我的项目时,我遇到了与 Reflect.getOwnMetadata 相关的错误,这是显示的错误:

在此处输入图像描述

这是我的 systemjs.config.js

0 投票
1 回答
1398 浏览

file-upload - 使用 ng2-file-upload 上传文件时出现 404(未找到)错误

我正在使用ng2-file-upload将文件上传到我的 angular2 应用程序。问题是当我点击“上传”按钮时,我得到一个 404(未找到)错误,这意味着我为上传设置的目录没有找到。这是我的组件:

我在 /src/app/uploads/ 创建了一个用于保存上传文件的目录。我还需要做些什么才能让它工作,或者 FileUploader 应该完成剩下的工作吗?我相信我得到的错误是因为我正在为 Angular2 应用程序使用路由器,并且路由器中没有定义 URL ( http://localhost:4200/src/app/uploads/ )。

有人可以建议吗?非常感谢!

0 投票
2 回答
7827 浏览

angular - 意外的标记。Typescrcipt 中需要构造函数、方法、访问器或属性

我正在尝试在 item.upload() 之后使用角度 4 中的 ng2-file-upload 进行回调,但我收到一个错误,即“意外令牌。需要构造函数、方法、访问器或属性'和'需要声明或语句'

下面是我的组件和 app.module 代码。

有没有人可以节省我的时间

上传组件

app.module.ts

0 投票
0 回答
93 浏览

javascript - 上传失败时清除文件名

ng2-file-upload在我的angular 4应用程序中使用。我想在选择非预期类型的​​文件时验证并抛出错误,我可以通过使用uploader内置函数来做到这一点onWhenAddingFileFailed()。但文件名将保留在 UI 中,尽管它未能上传。请参考下面的截图。请让我知道是否有可以以 Angular 方式完成的修复,而无需尝试查找 DOM 元素并修改值。

在此处输入图像描述