模态元素刷新页面：需要停止

Question

我目前有一个网页调用模态元素，用户可以在其中上传文件。用户单击上传后，文件将上传到 Amazon Web Services (S3) 并刷新页面。这很好，除了我还试图将有关该特定上传事件的元数据发送回个人服务器，这样就有事件发生的记录，并且随着刷新，它无法完成将数据发送回我的服务器.

这是我在 html 中用来声明按钮的代码：

<button type="submit" class="btn btn-default" ng-click="closeModal(true)">Upload</button>

这是我的 JS：

$scope.showModal = function(item){
item.$promise.then(item.show);
item.$options.show = true;
};
$scope.showModal = function(item){
item.$promise.then(item.show);
item.$options.show = true;
};

$scope.closeModal = function(result){
if(result){
  console.log("Sending File..."); 
  $scope.modalBox.$promise.then($scope.modalBox.hide);
} else{
  console.log("Closing...");
  $scope.modalBox.$promise.then($scope.modalBox.hide);
}
};

$scope.newDoc = function(){
$scope.uploadModal = {};
$scope.createdString = $scope.uniqueString();
$scope.showUpload();
};

//Show Modal
$scope.showUpload = function(){
$scope.modalBox = $modal({
  title: ' ',
  placement: 'center',
  template: 'documents/docModal.html',
  scope: $scope,
  show: false,
});
$scope.showModal($scope.modalBox);
};

很多代码是从另一个项目继承而来的，我对此还是个新手。我想如果我不能更改 HTML（我尝试将按钮类型从 'submit' 更改为 'button'），我会更改 JS，但我发现它可能正在发生在这一行： $scope.modalBox.$promise.then($scope.modalBox.hide);

我不知道如何操作它以防止它刷新。

Answer 1

想通了！它与 Angular、JS 或 HTML 元素没有任何关系，而是与亚马逊网络服务政策有关。策略中有一个选项可以在成功时重定向表单。我刚刚删除了它，重新修改了政策和签名，瞧！它现在就像一个魅力。我的表单将文件提交到 S3，但没有刷新页面。

模态元素刷新页面：需要停止

Modal Element Refreshing Page: NEEDS TO STOP

javascript

amazon-web-services

angularjs