问题标签 [ng-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 投票
0 回答
77 浏览

angularjs - 另一个上传器中的 ng-file-upload 上传器

我有多个上传者的问题,如果我有两个上传者但一个在另一个里面,当我拖动到里面的时候,外面的也会被触发

当内部的拖动活动时,我需要在范围上设置一些东西,并在它结束时将其移除

我正在使用https://github.com/danialfarid/ng-file-upload

0 投票
1 回答
651 浏览

ng-file-upload - 取消选择上传文件会导致 ng-file-upload 中的文件索引出现问题

以下html用于选择一些图片进行上传

我正在使用以下 html 将所选图像显示为缩略图,并带有一个按钮以在上传之前取消所选文件。

单击取消按钮时在控制器中:

这可以删除选定的图像及其取消按钮(通过 ng-show)。问题是什么时候上传文件,这里是上传功能

有以下错误:

这是有错误的行:

cancelPic 函数不会更改索引值,如果选择了 3 个文件并使用 cancelPic 删除了一个文件,则索引的值仍为 3。我添加了一行来减少 files.length 为:

哪个确实将索引减少到 2,但我仍然像以前一样收到错误,并且当使用 cancelPic 删除一个文件时,从所选文件中删除了两个?我对那个有点不解。

我认为 cancelPic 函数的逻辑是错误的。

0 投票
1 回答
5441 浏览

base64 - 如何从 ng-file-upload 文件对象中获取二进制数据?

我正在尝试使用 ng-file-upload 指令在我的 Angular 应用程序中提供文件上传功能。

我已经让它大部分工作了——我可以选择多个文件并循环获取文件名和文件类型。我似乎无法弄清楚每个文件的实际二进制数据存储在文件对象中的位置。

我尝试使用这篇文章中概述的方法 - AngularJS Upload a file and send it to a DB,但这会导致“未定义 $q”的错误。

所以我尝试了这篇文章中概述的方法 -将上传的图像发送到服务器并将其保存在服务器中,但我再次遇到错误,读取“dataURI.split 不是函数”。

我正在使用的代码如下:

我在看什么?

0 投票
0 回答
442 浏览

angularjs - ng-file-upload 在引导模式对话框中不起作用

我正在使用 ng-file-upload ( https://github.com/danialfarid/ng-file-upload )

但是,如果我将上传控件放入指令中,然后以模式显示,则上传不起作用。我收到此错误:

有没有人让它在模态对话框中工作。

模态来自 angular.ui.bootstrap

谢谢

0 投票
2 回答
4931 浏览

postgresql - 如何使用 knex 插入 blob?

目前,我有一个使用 ng-file-upload 到另一台服务器的上传系统,这要归功于 CORS。

为了管理我的数据库,我使用 knex(迁移和种子),并且我有一个带有 bytea 列的特定表。

PostgreSQL 数据库。

为了使上传成为可能,我添加了 busboy 模块以允许 express 管理多部分请求,并且文件正在毫无问题地保存到磁盘。

但我真正想要的是把它保存在表中,在 bytea 列中,现在我在这样的任务上没有运气。

欢迎任何指导和更好的文档。

0 投票
0 回答
890 浏览

c# - 使用 ng-file-upload 上传多个文件

我正在尝试使用ng-file-upload上传多个文件,但我似乎无法让它工作。

我的html是

添加文件后的按钮

我的控制器类似于github和 jsfiddle 上提供的示例。

我的问题归结为UploadHandler(在服务器上)只被调用一次并且只有1个文件进入。我的想法是它应该为每个文件调用一次,因为它位于forEach循环内。

我检查了网络选项卡,每个文件都在自己的 POST 中。

0 投票
1 回答
586 浏览

angularjs - 在表单提交时将图像上传到firebase

我正在使用 AngularJs 和 Firebase 构建一个小型网络应用程序(类似博客文章)。我之前实现了 addPost 控制器,效果很好。在我想在表单中添加一些输入文件之后,这些文件已经实现了使用 ng-file-upload 指令在表单提交时将图像上传到 firebase。作为一个新的角度我知道firebase可以将图像保存为base64,所以我在指令上找到了一个可以将图像转换为base64的函数,但我收到了这个错误**ReferenceError:disallowObjectUrl未在Scope.$scope中定义。当我尝试提交表单时上传**。我不知道我做错了什么。这是 github 上的项目 https://github.com/SaidThaher/HotelApp 工作文件是 addPost.html 和 addPost.js 。所有应用程序文件都在应用程序文件夹中。

请帮忙,我在这呆了3天。

更新

更新:@danialfarid 更新了指令并让我开心:)

升级到 8.0.6 并将您的 fb 推送移至此处:

0 投票
1 回答
4078 浏览

angularjs - 使用 ng-file-upload 指令在表单提交时将图像上传到 firebase

我正在使用 AngularJs 和 Firebase 构建一个小型网络应用程序(类似博客文章)。我之前实现了 addPost 控制器,效果很好。在我想在表单中添加一个输入文件之后,该文件已经实现了使用ng-file-upload 指令在表单提交时将图像上传到 firebase 。作为一个新的角度,我知道firebase可以将图像保存为base64,但我不知道如何让它工作。也许有人会说这是重复的问题,但相信我,我在这里到处搜索,我找不到答案。
这是我的表单文件:

这是我的控制器:

这是我的完整项目文件的 GitHub

https://github.com/SaidThaher/HotelApp

如果我在这个问题上得到帮助,关于结果的问题会更多。请帮忙

更新:@danialfarid 更新了指令并让我开心:)

升级到 8.0.6 并将您的 fb 推送移至此处:

我也更新了代码。

0 投票
1 回答
2674 浏览

angularjs - 第二次点击上传按钮时,ng-file-upload 文件为空

我正在为我的 Angular 项目使用 ng-file-upload,这是 html 代码:

这是我的 javascript 代码:

第一次单击按钮选择图像文件时,图像文件在选择后立即上传,这是我的预期。但是当我第二次点击上传按钮时,控制台有这个错误指向 if (files.length > 0) 行:

并且文件选择窗口从来没有出现过,我第三次点击上传按钮它又可以正常工作了,第四次没有,等等...... ng-file-upload的版本是9.0.4,是这个bug lib 尚未修复还是我犯了一些错误?谢谢。

0 投票
1 回答
1237 浏览

angularjs - 使用 aws-sdk 通过浏览器将大文件上传到 aws s3 的问题

在此博客http://www.cheynewallace.com/uploading-to-s3-with-angularjs/的帮助下,我确实设法将较小尺寸(<30MB)的文件上传到了 s3 存储桶。但是在上传更大的文件(30MB 以上)时,我遇到了一些问题。

我在文件上传过程中遇到此错误,即,最初它开始上传,但后来(比如上传了 15% 或 18% 之后)它触发了 CORS 错误,并且文件的上传再次从 0% 开始

我对 AWS S3 很陌生。如果我问错了什么,请纠正我。