javascript - 使用laravel在angularjs和后端上传多个文件(没有表单标签)

Question

我想在不使用表单标签和使用 Angular JS 的情况下上传多个文件，我正在使用 Laravel 5.2。下面的代码我尝试只发送 1 个文件，它可以工作，但在多个文件上它会失败。

HTML 代码

<input type="file" class="upload_file pull-right" multiple />

JQuery 代码

$(".upload_file").change(function ()
{
    if (this.files && this.files.length > 0)
    {
         scope.uploadFile(this.files);
    }
});

AngularJs 代码

scope = $scope;

$scope.uploadFile = function(files)
{
    var fd = new FormData();
    fd.append("file", files);
    $http.post(API_URL + '/offline_upload/file/?token=' + token,fd,
    {
        withCredentials: true,
        headers: {'Content-Type': undefined },
        transformRequest: angular.identity
    })
    .success(function(data)
    {
        alert('Done');
    });
 };

Laravel PHP 代码

$files = $request->file('file');
Log::info(count($files));

这里计数始终为 0

在 AngularJS 中而不是文件中，如果我发送文件[0]，则仅发送 1 个文件。但如何发送多个文件并检索它。

有人可以帮我解决这个问题吗？

Answer 1

您可以尝试使用https://github.com/nervgh/angular-file-upload ，它支持多参数输入类型文件，并且不需要jquery。

您只需设置新的 uploader 对象:$scope.uploader = new FileUploader({var options;});并将指令放入上传表单 <input type="file" nv-file-select uploader="uploader"/>在你的 html 中。