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

hash - Angular 文件上传 - 返回名称上传的文件

我正在使用 angular-file-upload 指令。当我上传文件时,我在回调上传之前获取文件名。

但我需要在上传后获取文件名。名称转为 16 位编码,68b714b12c6a4336500a4c5a4b53c60e.png例如。

上传后如何返回文件名?

0 投票
2 回答
1042 浏览

ajax - 如何使用 angularFileUpload 发送附加数据

我在我的项目中使用angularFileUpload模块。它工作正常,但我想用我的文件发送额外的数据,但我不能。

照片上传工作正常。但是当我使用$_POST['name']thats接收数据时不起作用。

0 投票
2 回答
7795 浏览

angularjs - 在请求有效负载中上传带有文件名的多部分表单数据

我仍然对上传文件的不同方法感到困惑。后端服务器不在我的控制之下,但我可以使用 Swagger 页面或 Postman 上传文件。这意味着服务器运行正常。但是当我使用 AngularJS 进行上传时,它不起作用。

这是使用 Postman 进行测试的方法。我只是在使用form-data

在此处输入图像描述

请注意,请求标头的 Content-Type 为 multipart/form-data。但是 Request Payload 的filenameContent-Type 为 image/png。

这是我的代码:

params只是一个带有文件 url 的对象imageData

我的代码也发送了类似的 URL 参数(因此我们可以忽略导致问题的原因)。但是请求有效负载是 base64 并且它看起来不同,因为它缺少该filename字段。

在此处输入图像描述

我对后端的控制为零,它是用 .NET 编写的。

所以我想我的问题是:使用 Angular($http 或 $resource),我如何修改请求,以便像 Postman 那样发送正确的请求有效负载?我无法弄清楚如何对此进行逆向工程。

我已经尝试过这个https://github.com/danialfarid/ng-file-upload并且它实际上在 POST 之前首先做了 OPTIONS 请求(假设 CORS 问题)。但是服务器为 OPTIONS 给出了 405 错误。

0 投票
2 回答
10047 浏览

javascript - Nervgh Angular File Upload - 如何将文件格式限制为 jpeg 和 png?

我正在升级使用 nv-file-select 指令的应用程序。我不确定如何限制支持上传的文件格式。

0 投票
1 回答
1220 浏览

javascript - Nervgh Angular File Upload - cancelItem 方法不起作用

这是我的 html 代码:

这是角码:

我的 uploader.onBeforeUploadItem 有条件 if((item._file.type!="image/png" && item._file.type!="image/jpeg") || item._file.size>102400) 如果成功我调用 this.cancelItem(item) 方法。

现在我错误地调用了取消项目方法吗?因为尽管条件匹配,项目的上传仍会成功继续。请帮忙

0 投票
1 回答
82 浏览

javascript - 每次上传的异步 js 回调

我是网络开发的新手。我遇到了以下问题:

我在 amazon s3 上传图片并获得回调,其中包含指向该图片的链接。然后我将它推入数组并将这个数组存储在数据库中。但是我不知道在所有图像上传后如何准确地转到下一个功能。

在这个块中,当计数数组中下载图像的长度等于响应中接收到的链接数时,我将转到瀑布中的下一个函数。但它出于某种原因有效,只有奇数个下载图像。

你怎么做才能在我得到所有东西之后才能继续在瀑布中的下一个功能

0 投票
1 回答
14600 浏览

angularjs - 错误:[ng:areq] 参数“模块”不是函数,得到对象

我尝试使用角度上传器,它使用 npm 下载它,然后在单个文件中浏览它。错误详情可以看这里

我无法理解这些错误,因为现在我还是 AngularJS 的新手。这是我的代码

更新

现在正在使用 Browserify-shim 以 Commonjs 格式正确包含 Angular-file-upload。感谢@ryan Johnson。

这是 package.json

我仍然是错误

不知道为什么。仅供参考,我使用 browserify 内置的 Laravel-elixir 来运行任务。

0 投票
1 回答
2483 浏览

angularjs - Internet Explorer 9 和 angular-file-upload 无法正常工作

我正在尝试使用 Angular 上传文件,除了在 IE9 上它工作得很好。

我试过https://github.com/danialfarid/ng-file-upload但在使用非 HTML5 浏览器时需要 Flash,所以它对我不起作用。

之后我尝试了https://github.com/nervgh/angular-file-upload并且可以工作!除了上传文件后我做了一些处理,可能会通过错误请求返回错误。这在 IE9 中不起作用。如果上传成功,我的代码看不到错误请求。

好吧,我真的不认为问题出在我的代码上,所以我不会在这里发布任何内容。我想要的是有同样问题的人来告诉我该怎么做。

编辑:换句话说。在 Chrome 中,状态为 400,在 IE9 中为 200。

EDIT2:我想我找到了错误的根源。这是一个角度文件上传功能

但我的反应总是不确定

0 投票
1 回答
12742 浏览

javascript - 仅允许 angular-file-upload 模块中的特定文件扩展名可点击

我正在使用这个模块,https://github.com/nervgh/angular-file-upload

我正在使用他们的简单示例,http://nervgh.github.io/pages/angular-file-upload/examples/simple/

当您单击“选择文件”按钮时,它将打开一个窗口,允许我们选择要上传的文件。我想要发生的是只允许单击特定的文件扩展名。是否有未记录的配置可以做到这一点?

例如,在配置中,我们只允许 .txt 扩展名,当我单击“选择文件”按钮时,它将打开一个窗口并显示所有文件。但是,没有扩展名 .txt 的文件将被禁用。

我这样做不是出于安全目的。我只是按照提供给我的设计/说明进行操作。:) 我总是可以使用 mitm 工具来拦截并允许上传其他扩展。

0 投票
1 回答
1322 浏览

javascript - ng-file-upload 函数未触发函数

我正在尝试将文件上传到我的服务器,例如,将路径保存到数据库并将文件保存到文件夹,因为我尝试了 ng-file-upload 这是我的代码。

这是我的 Angular 代码

我的依赖

我哪里出错了,请告诉我如何使用 angularjs 将文件上传到 actionresult,谢谢

好的,我尝试了 onchange

但我无法将该文件发送到我的操作结果,它显示我为空,

这是我的服务代码

amd 最后我的行动结果

我的服务方法有什么问题吗???或者你知道如何将表单连同文件一起发送到 actionresult 或 mvc 控制器中的任何方法,我听说有些人使用“new FormData”来做到这一点,但我不知道,但我愿意学习或使用它,如果这能解决我的问题