フォルダから画像のリストをアップロードするAngularJs

Question

フォルダから画像のリストをアップロードし、bytestreamとしてデータベースに保存したい。私は、複数のファイルを選択するのではなく、画像を含むフォルダをangularjsに与えたいと思っています。責任コードの部分は以下の通りです。他の人のどれもが任意の画像を持っていないのに対し、

$scope.uploadMultipleQuestions = function(e) { 
     var questionList = [] 
     var difficultyLevel = vm.question.difficultyLevel; 
     var theFiles = e.files; 
     for (var i = 0; i < theFiles.length; i++) { 
      var ques = {}; 
      ques.questionString = theFiles[i].name; 
      DataUtils.toBase64(theFiles[i], function(base64Data) { 
       $scope.$apply(function() { 
        ques.questionImage = base64Data; 
       }); 
       [![enter image description here][1]][1] 
      }); 
      ques.questionImageContentType = theFiles[i].type; 
      ques.questionString = theFiles[i].webkitRelativePath.split("/")[1]; 

      questionList.push(ques); 
      Question.uploadMultipleQuestions(questionList); 
     } 
     for (var i = 0; i < questionList.length; i++) { 
      console.log(questionList[i]); 
     } 
     //Question.uploadMultipleQuestions(questionList); 

    } 

しかし、問題は、私は私のログに以下の内容を取得しています。

あなただけの最後のオブジェクトを見ることができるように（スクリーンショットは、以下に添付）は、画像データが含まれていますコンテンツ。

なぜこの問題が起こっているのか、同じ問題を解決する方法を教えてください。

Answer 1

画像をbase64に変換するのに時間がかかるので、ques.questionImageが埋め込まれた後に画像をアップロードする必要があります。 [Javaスクリプトを使用して、フォルダ内のすべてのtxtファイルを印刷する方法]

var uploadMultipleQuestions = function(files, i, output) { 

    if (files.length == i) { 
     for(var j=0;j<output.length;j++) 
      console.log(output[j]); 

     return Question.uploadMultipleQuestions(output); 
    } 


    DataUtils.toBase64(files[i], function(base64Data) { 

     output.push({ 
      questionString: files[i].name, 
      questionImageContentType: files[i].type, 
      questionString: files[i].webkitRelativePath.split("/")[1], 
      questionImage: base64Data 
     }); 

     uploadMultipleQuestions(files, i+1, output); 

    }); 
} 

$scope.uploadMultipleQuestions =function(e){ 
    var theFiles = e.files; 
    uploadMultipleQuestions(theFiles, 0, []); 
}