问题标签 [angularjs-fileupload]

我想从 AngularJS 到 node.js 服务器做一个简单的多部分表单发布，表单应该在一个部分包含一个 JSON 对象，在另一部分包含一个图像，（我目前只发布带有 $resource 的 JSON 对象）

我想我应该从 input type="file" 开始，但后来发现 AngularJS 不能绑定到那个..

我能找到的所有示例都是用于包装用于拖放的 jQuery 插件。我想要一个简单的文件上传。

我是 AngularJS 的新手，对编写自己的指令一点也不自在。

我尝试在带有类型文件的输入标签上使用 ng-model：

但是在选择一个文件后，在控制器中，$scope.vm.uploadme 仍然是未定义的。

如何在我的控制器中获取选定的文件？

我正在尝试使用 ng-upload 在 AngularJS 中上传文件，但我遇到了问题。我的 html 看起来像这样：

我的 js 控制器看起来像这样：

我面临的问题是当裁剪图像被点击并执行uploadPostImage时，它会上传整个表单。不是想要的行为，但我可以让它工作。最大的问题是在 js 中，函数 uploadPostImage 的“内容”参数始终未定义，即使“完成”参数返回为真。

目标是仅上传图像以进行裁剪。我在这个过程中做错了什么？

这是我的 HTML 表单：

我想从本地机器上传一张图片，并想读取上传文件的内容。这一切我都想用 AngularJS 来做。

当我尝试打印它的值时，$scope.file它是未定义的。

我使用角度上传文件如下：

如果我运行以下代码，我会得到403(Forbidden)

在调试器控制台中

当我如下更改代码时，就可以了。

我正在尝试使用 angularjs 一次上传多个不同的文件。

现在我面临的第一个问题是在上传文件之前无法选择多个文件。这是我用于选择多个文件的代码。

即使我尝试上传第二个文件，它也会被第一个文件替换。

• 我想在 UI 上向用户显示他/她
  选择了哪些文件。

• 用户不应该两次选择同一个文件，如果他/她尝试，应该显示错误。

• 在选择文件期间，上传按钮应该被禁用。

• 在选择和上传时，我希望在屏幕上显示进度条，选择或上传多少%的文件。

任何帮助表示赞赏。谢谢

我想使用 angularjs-file-uploader 将几个文件上传到服务器。我有一组视图模型，我想上传文件并获取上传文件的 ID 并将它们分配给相应的视图模型。

有什么方法可以将我的 viewModels 传递给 fileUploader？这是我到目前为止编写的代码。

我想传递一个“v.formItem”，它具有uploadFileId 的属性。这样我就可以将上传文件的 ID 分配给我的模型。

我正在尝试使用 Angular 上传一个文件，并且我得到了 405 的发布结果。在互联网上进行研究后，我发现这是不允许该方法时的响应。我不知道为什么我会收到这个错误。在此先感谢您的帮助。

HTML

指示

服务

控制器

后端

我需要在使用 Laravel 5.1 作为后端的 Angular 应用程序中将图像和视频文件上传到服务器。所有的 Ajax 请求都需要首先到达 Laravel 控制器，并且我们有代码说明文件到达时如何处理。我们之前已经完成了普通的 HTML 表单来提交文件上传到控制器，但是在这种情况下，我们需要避免表单的页面刷新，所以我正在通过 Angular 在 Ajax 中尝试这样做。

我需要使用 Ajax 向 Laravel 控制器发送之前通过 HTML 表单发送到控制器的哪些信息？

这是 Laravel 控制器中的代码，一旦文件信息到达那里，它就会处理文件信息。这就是我需要弄清楚如何发送的内容，所以我希望可以重用这段代码：

正如您在上面看到的，我们正在将我们获得的任何文件转换为具有文件名promotion.png 的PNG，因此它很容易获取，并且我们只接受.mp4 视频格式。因此，我们不必担心检查文件是否存在以及是否可以覆盖它。这就是为什么您可以在代码中看到我们在保存之前删除了该名称的任何现有文件的原因。

HTML 只是一个“文件”类型的输入：

我们现在正在使用 Angular，所以我不能再通过 HTML 表单发送上述内容了。这就是我需要弄清楚该怎么做。

我们是两个正在尽力而为的开发人员，所以我确信有更好的方法来做到这一点。然而，在我重构这整件事之前，我希望我可以使用 Angular（或 jQuery 作为最后的手段）向控制器发送 Laravel 需要的任何文件数据，以使上述代码正常工作。答案可能很简单，就像“向上面那个控制器中的方法发送一个 PUT，但不是普通的 JSON 有效负载，而是使用这种格式的文件信息，你可以用......收集该信息”

我也将不胜感激有关我将来可以做到这一点的更好方法的任何提示。

单击提交按钮时如何获取文件内容。我只得到第一个和第二个输入。请参考片段：