ngFileSelect在表单中上传2张图片

时间:2017-02-15 10:13:07

标签: angularjs ng-file-upload

我正在使用angular-file-upload.js。我想在表单,2个不同的文件上传和一个表单提交按钮上传2个图像。 在我的控制器中:

 var uploader = $scope.uploader = $fileUploader.create({
                scope: $scope,
                url:'upload.php',
                autoUpload : true
            });
uploader.addToQueue([uploader.queue[0].file]);
                    uploader.queue[0].upload();

amd我的HTML是:

<input type="file" ng-file-select class="form-control" 
ng-model="file_course_thumb_image" accept=".png, .jpg, .jpeg" />
<input type="file" ng-file-select class="form-control" 
ng-model="file_course_thumb_image2" accept=".png, .jpg, .jpeg" />

尝试上传时只上传第二个文件,但不上传第一个和第二个文件。 任何建议..

1 个答案:

答案 0 :(得分:0)

我已通过angular-file-upload.js @author Danial @version 1.2.8中的更改修复了此问题。在addToQueue函数中添加条件以清空队列。

if(this.queue.length == 0) {
      this.queue = []      }

可以让我们在表单提交时上传多张图片。