问题标签 [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 投票
1 回答
3589 浏览

javascript - 使用 Angular 异步上传文件,使用 RESTful API ng-file-upload

我有一个表单,其中一些表单字段是文件上传。这就是我所拥有的:

  1. 用户填写表格
  2. 用户选择要提交的文件
  3. 用户按下提交

现在,这就是我想要做的:

  1. 将表单发布到服务器,取回 ID
  2. 将文件一发布到服务器 myresource/ID/fileone
  3. 将文件二发布到服务器 myresource/ID/filetwo ...

¿如何以编程方式执行此文件上传?(我正在使用角度承诺,所以顺序请求没有问题......)

这是我的代码:

我的html:

0 投票
1 回答
1520 浏览

angularjs - 是否可以通过 ngFileUpload 帖子将 base64 图像发送到亚马逊 s3 存储桶?

我有一个工作脚本,当文件输入发生变化时,选择文件,在我的 django 后端签署他们的上传数据,然后将其从前端直接上传到我的 s3 存储桶。它工作得很好。我正在使用 ng-file-upload 来做到这一点。

对于文件选择器选择的每个文件,我调用doUpload(file)

但我真正的目标是在上传之前使用画布在前端裁剪图像。问题是,当您使用画布裁剪图像时,结果是 base64 编码的图像,而不是文件。所以我的最后一个问题是:是否可以将这个base64图像直接上传到s3?

0 投票
1 回答
631 浏览

php - ng-file-upload 访问 php 中的字段

我正在使用ng-file-upload通过php上传mysql。

编码有效,但我无法访问自定义字段。有谁知道这是如何在 php 中访问的?See me code here 我正在添加字段描述:我想在 PHP 编码中恢复的成功。现在使用的访问方式$_FILES['file']['description'];NULL. 任何帮助将不胜感激。

JS

PHP

0 投票
2 回答
18745 浏览

angularjs - Angularjs仅在所选文件是图像时才显示图像预览

这是我的 AngularJS 代码,用于在用户选择文件时显示图像预览

选择图像时,此行显示缩略图预览

现在的问题是当我选择图像时,图像缩略图显示正确,但是当我选择 pdf、doc 或任何其他文件格式时,它显示破解图像缩略图。如何在此处放置一些 AngularJs 条件,使其仅在选择图像时才显示图像缩略图,否则不显示任何内容。

0 投票
0 回答
4299 浏览

angularjs - 角度 ngf-select 文件上传不适用于 ngView

https://github.com/danialfarid/ng-file-upload

我正在尝试使用这个模块 ngFileUpload。

但是当我在 ng-view 调用的模板中使用它时它不起作用。

这是工作 HTML(index.html)

但这不起作用

HTML(索引.html)

HTML(test.html)

JS(角度配置)

任何人都有这样的问题吗?

-感谢您阅读..-

0 投票
1 回答
773 浏览

javascript - DanialFarid Ng 文件上传问题

我正在使用您的 Angular 文件上传(https://github.com/danialfarid/ng-file-upload#contrib

我的项目中只有 Angular,我没有 Bower 或任何其他东西。

我遇到的问题是突然之间它开始抛出下面提到的错误,并且由于某种原因,即使在做了所有事情之后我也无法让它工作。

我已经包含了所有这些文件

这是我的控制器定义,你可以看到我已经注入了上传模块,但它似乎仍然不起作用

需要帮忙 ...!!!

0 投票
1 回答
8687 浏览

javascript - AngularJS 上传文件并将其发送到数据库

我一直在尝试让ngFileUpload 工作,以便我可以上传图像并将它们发送到数据库——在我的例子中是一个mongoLab数据库,它接受可以使用如下POST语法编辑的 JSON 对象:

相当简单。但是,我对如何将使用上传的图像发送ngFileUpload到数据库感到困惑。我正在使用 ngFileUpload 文档页面上介绍的熟悉语法:

但是,在注销file对象后,我得到了对象:

其中不包含可以存储到数据库的实际图像二进制文件。我基本上不知道实际图像本身实际上传到哪里!

同样重要的是要注意,我没有从服务器获得使用这种语法的响应——不过,如果我可以获得图像的二进制文件,我可以使用熟悉的$http.post方法并将图像自己推送到数据库中。

如何找到上传图像的二进制文件,并将其推送到数据库中?图片在上传后存在于何处,甚至上传到何处?我正在做这一切,localhost所以浏览器似乎已经读取了图像的所有属性,但我不确定如何将其转化为可用于将图像存储到外部数据库中的有意义的洞察力。

谢谢你的帮助。

0 投票
1 回答
609 浏览

angularjs - 在锚点点击上传多张图片

我想在锚标签点击上上传多张图片。我可以使用在div图像标签上上传多个图像ng-file-upload

任何人都可以建议我如何在锚标签点击上上传多张图片。

已编辑

0 投票
1 回答
278 浏览

angularjs - streaming-s3 无法在 live-Nodejs 上运行

我正在使用流式 S3 节点模块,它在我的本地机器上运行良好。

但在现场,它似乎不起作用。我在实时服务器上启用了 https。

如果我在实时服务器上禁用 https ,我的上传工作正常。

这是我的代码

关于这个的任何想法

谢谢

0 投票
3 回答
3188 浏览

javascript - AngularJS ng-file-upload 在 ng-repeat 中不起作用

我有指令“notes”,它基本上是一个便笺小部件,我可以在任何页面上添加它,只需为其添加名称和 id,以允许人们向该项目添加便笺。

用户现在也应该能够使用ng-file-upload将文件上传到他们的笔记,但我很难让$scope.filesng-file-upload 指令填充。我很确定它像往常一样与范围一样愚蠢,但我无法弄清楚。

那么知道为什么在我选择文件时没有填充 $scope.files 吗?

Plunker 链接

指示:

模板: