javascript - ng-文件上传不起作用

Question

我想输入图像并将其上传到本地计算机上的文件夹。

HTML:

<md-input-container class="md-block" flex-gt-sm>
   <h4>Image</h4>
   <input type="file" ng-model="post.primaryImage" />

</md-input-container>

Controller :

  var url = '/Users/my.name/Desktop/images'   


  $scope.OnSubmit = function() {
    //ResourceService.addMachine.save($scope.post);
    console.log( $scope.post );
    $scope.upload(file);
  }


  $scope.upload = function (file) {
    Upload.upload({
        url: 'url',
        data: {file: file}
    }).then(function (resp) {
        console.log('Success ' + resp.data);
    });


    }    

事实上图像没有得到输入。当我打印scope.post时，控制台上会打印一个空白对象。我已经阅读了有关该主题的几个答案，但没有任何关于如何将图像上传到本地系统文件夹的问题得到解答。

Answer 1

尝试使用ngf-select，如下所示:

HTML

<div ng-controller="MyCtrl">
   <input type="file" ngf-select="onFileSelect($files)" multiple>
</div>

Controller

angular.module('myApp', ['ngFileUpload']);

var MyCtrl = ['$scope', 'Upload', function($scope, Upload) {
    $scope.onFileSelect = function($files) {
       for (var i = 0; i < $files.length; i++) {
          var $file = $files[i];
             Upload.upload({
             url: 'my/upload/url',
             file: $file,
          })
       }
     }
  }];

这是jsFiddle

希望它有效:)