导入文件并在弹出窗口关闭AngularJS时提交

<input type="file" ng-model="file" />
<button ng-click="openModal()">打开弹出窗口</button>

<script type="text/ng-template" id="myModal.html">
  <div class="modal-header">
    <h3 class="modal-title">弹出窗口</h3>
  </div>
  <div class="modal-body">
    <!-- 弹出窗口内容 -->
    <p>确认提交文件 {{ file.name }} 吗？</p>
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary" ng-click="submit()">提交</button>
    <button class="btn btn-default" ng-click="cancel()">取消</button>
  </div>
</script>

angular.module('myApp', ['ui.bootstrap'])
  .controller('myController', ['$scope', '$uibModal', function($scope, $uibModal) {
    $scope.file = null;

    $scope.openModal = function() {
      var modalInstance = $uibModal.open({
        templateUrl: 'myModal.html',
        controller: 'modalController',
        resolve: {
          file: function() {
            return $scope.file;
          }
        }
      });

      modalInstance.result.then(function() {
        // 提交成功的回调
        console.log('提交成功');
      }, function() {
        // 取消或关闭弹出窗口的回调
        console.log('取消提交');
      });
    };
  }])
  .controller('modalController', ['$scope', '$uibModalInstance', 'file', function($scope, $uibModalInstance, file) {
    $scope.file = file;

    $scope.submit = function() {
      // 执行提交操作
      // 可以在这里使用AngularJS的$http服务发送文件到服务器
      $uibModalInstance.close();
    };

    $scope.cancel = function() {
      $uibModalInstance.dismiss('cancel');
    };
  }]);