哪個事件得到多個文件，在單個輸入選擇

Question

到目前爲止，我得到使用

$scope.$on("fileSelected", function (event, args) { 

      $scope.$apply(function() {    


       $scope.files.push(args.file); 
      }); 
     }); 

我不知道如果我使用「多種」文件輸入，從單一的輸入文件（單個文件），我還可以獲取文件「s」與事件「fileSelected」???

<input type='file' id='tempFiles' multiple></input> 

的，如果我可以，我可以做這樣的事情

$scope.$on("fileSelected", function (event, args) { 
            $scope.$apply(function() {    


       $scope.files.push(args.files); 
      });   }); 

Answer 1

你可以使用Daniel Afarid's Angular File Upload

控制器

$scope.selectedFiles = []; 
$scope.dataUrls = []; 
$scope.model = 'test model'; 

$scope.onImageSelect = function($files) { 

    $scope.selectedFiles['image'] = $files[0]; 


    var $file = $files[0]; 
    if (window.FileReader && $file.type.indexOf('image') > -1) { 
     var fileReader = new FileReader(); 
     fileReader.readAsDataURL($files[0]); 

     fileReader.onload = function(e) { 
     $timeout(function() { 
     $scope.dataUrls['image'] = e.target.result; 
      }); 
     } 
    }  

} 

$scope.save_image = function(){ 

     $upload.upload({ 
       data:$scope.model 
        url: 'the/url', 
        file: $scope.selectedFiles['image'] 

     }).then(//success and error callbacks); 


    } 

查看

         <input type="file" ng-file-select="onImageSelect($files)"> 
           <br /> 
           <img ng-show="dataUrls['image']" ng-src="{{dataUrls['image']}}">