ポップアップが閉じるときにファイルをインポートして送信AngularJS

Question

ファイルをアップロードするためにシステムのウィンドウで[OK]をクリックした後に、インポートするファイルを送信しようとしていますが、これまでにやった：

<input type="file" id="file-input" style="display:none" /> 

<button class="btn pull-right" ng-click="submitCashierFile()">Import</button> 

JS：

$scope.submitCashierFile = function() { 
     angular.element('#file-input').trigger('click'); 

// I should have something like this next i guess? 

$scope.cashierfile.upload = Upload.upload({ 
       url: config.baseAddress + 'test/uploadCashierExcel', 
       data: { file: $scope.cashierfile } 
      }); 

      $scope.cashierfile.upload.then(function (response) { 
       $timeout(function() { 
        $scope.cashierfile.result = response.data; 
        toastService.success('You have added .xlsx'); 
       }); 
      }, function (response) { 
       toastService.error(response); 
      }); 

    }; 

だから私は、ファイルを選択するモーダルを開く、クリックをtriger、私にとっての問題は、モーダルで[OK]をクリックの上にそれを送信する方法です。助言がありますか？

Answer 1

あなたの質問は私には分かりませんが、私が理解したことに基づいてそのショットベースを与えます。

コントロールのonchangeイベントをマップする必要があります。アップロードするファイルを選択した直後に起動します。 次に、ファイルの実際のアップロードを行う必要があります。

このタスクを実行する必要がある場合、Angularを使用せずにHTML5ファイルのアップロードメカニズムを使用します。それはあなたが説明しているように働いています...