问题标签 [angular-file-upload]

我正在使用angular-file-upload将图片上传到运行 Node 和 Express 4.0 的服务器，但无法获取 erver 上的文件数据。

以下是相关代码：

角度控制器：

服务器代码：

路由处理程序：

req.files总是undefined

任何想法为什么会这样？

我在使用相对定位的元素时遇到 Angular File 上传问题。我的放置目标是 100% 的宽度和高度，绝对定位。如果您将文件拖动到任何非相对定位的元素上，则叠加层看起来很好并且一切正常。但是，如果您拖动相对定位的元素，它不会注册拖动事件。这是因为相对定位的元素出现在 dropArea 的顶部。

我已经尝试将 z-index 应用于放置目标，并且拖放效果很好，但是我无法再单击 UI 上的任何内容。

这是我的逻辑：

HTML

CSS

有什么方法可以将 z-index 应用于 dropArea 但仍然允许点击通过？

我正在使用此处提供的 angular-file-upload：https ://github.com/danialfarid/angular-file-upload 。正如您在同一页面上提供的示例中看到的那样，文件数据使用可用的指令从控制器发布到后端。

但是，当我实现代码时，我将文件发布移动到服务中，因为这将允许我重新使用功能并感觉正确的方式（不同意？）。一切正常，除了我无法弄清楚如何将数据从.progress(function(evt)){}跟踪文件上传完成状态的 ... 函数发送到控制器并分别在 html 页面上回显它。

使用.then我可以得到我猜想的最终成功响应，但是这个进度数据呢？

我在这里错过了一些非常简单的东西吗？如何完成这项工作？

控制器：

服务：

接口：

}

输出：

请在此指导我我是否错过了要在标头中传递的任何参数？或者我如何在 angularjs 中传递@FormDataParam？

我已通过 rails assets 将danial-farid--angular-file-upload库添加到我的 rails 4 应用程序中。主库加载正常，但 sprockets 找不到它包含的用于文件上传进度的 shims 文件。angular-file-upload.js我认为这是因为 shims 文件与主脚本不在同一目录中。这可能是问题所在，还是我在错误的地方寻找问题？

细节：

根据github上的主页：

<!-- shim is needed to support upload progress/abort for HTML5 and non-HTML5 FormData browsers.-->

在宝石文件中：

在 application.js 中：

因为这会产生Sprockets::FileNotFound错误：

couldn't find file 'angular-file-upload-shim'

如果我删除上面的第一个要求，资产管道会很好地加载其他所有内容，但它会破坏依赖 shims 文件的内容。

gems 目录的 grep 显示：

我可以看到angular-file-upload.jsgem 的vendor/assets/javascripts 目录中有一个，而angular-file-upload-shim.js文件位于该文件夹的子目录中。这足以打破资产管道吗？

我正在使用angular-file-uploaddanialfarid 的模块（https://github.com/danialfarid/angular-file-upload）并且效果很好。

我已经能够将 REST 调用集成到我的包装服务中，并且我实际上可以上传几张图像$q.all()并跟踪它们的进度。

但是，我无法正确识别我正在上传的单个图像，因为文件标识符会被 for 循环不断更改。

毫无疑问，这是我得到的令人困惑的输出：

你知道我怎么能有这样的东西：

任何人都知道为什么我在这个 Angular 代码上得到 Unknown provider 吗？

我正在使用 Angular File Upload 指令并使用以下示例：

http://www.mono-software.com/blog/post/Mono/233/Async-upload-using-angular-file-upload-directive-and-net-WebAPI-service/

只是似乎无法弄清楚为什么我会收到这个错误......

module.js 文件：

scripts.js 文件：

我目前正在将 mean.io 堆栈用于个人项目，并且一切都在本地顺利运行。我试图部署到 Heroku，但我遇到了一个模块无法正确实例化的问题！我在 Stack Overflow 上发现了类似的问题，但没有一个答案对我有用。

这是我的错误：

错误：[$injector:modulerr] 无法实例化模块意味着由于：[$injector:modulerr] 无法实例化模块 angularFileUpload 由于：[$injector:nomod] 模块“angularFileUpload”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。(dist.min.js)

好像我的模块没有加载。但根据日志，它安装正确：

mean@0.3.3 安装后 /tmp/build_5d155aeb-14b5-4414-af19-986a68df3b19 节点 node_modules/bower/bin/bower 安装

bower ng-file-upload-shim#* 未缓存的 git://github.com/danialfarid/angular-file-upload-shim-bower.git#*

bower ng-file-upload-shim#* 解决 git://github.com/danialfarid/angular-file-upload-shim-bower.git#*

bower angular#* not-cached git://github.com/angular/bower-angular.git#* bower angular#* resolve git://github.com/angular/bower-angular.git#* ... bower ng-file-upload#* 未缓存的 git://github.com/danialfarid/angular-file->upload-bower.git#*

bower ng-file-upload#* 解决 git://github.com/danialfarid/angular-file->upload-bower.git#*

...

bower ng-file-upload-shim#* 安装 ng-file-upload-shim#1.4.0

bower ng-file-upload#* 安装 ng-file-upload#1.4.0

...

凉亭角度#1.2.19 安装角度#1.2.19

...

完成，没有错误。

注意：Danial Farid 的 angularFileUpload 要求 shim.js 文件在 angular 之前加载，而后者又在 angularFileUpload 之前加载。好像之后安装了angular，这会是个问题吗？

这是我的模块，我在其中声明依赖项：

最后，我的 assets.json：

如果您有任何帮助或预感，我将不胜感激！谢谢！

我得到这个插件来上传图片：Angular File Plugin

我需要当我输入一个新文件时，它为每个文件创建一个表单，其中包含我想随文件一起发送的一些字段。我可以使用以下回调来做到这onAfterAddingFile一点：

但是现在，我需要将每个图像与每个表单链接起来。我认为我需要创建一个自定义属性，data-frm例如链接它们，不是吗？我怎样才能做到这一点？

我正在使用它来允许用户选择和上传文件：

这正确显示：

当用户点击“上传”时，我上传文件。

当用户单击“删除”时，如何清除文件名？