Javascript 模态元素刷新页面:需要停止
我目前有一个网页,可以调用一个模态元素,用户可以在其中上传文件。一旦用户单击upload,文件将上载到AmazonWebServices(S3),页面将刷新。这将是好的,除了我还试图将有关特定上载事件的元数据发送回个人服务器,这样会有事件发生的记录,并且刷新后,它无法完成将数据发送回我的服务器 以下是我在html中用于声明按钮的代码:Javascript 模态元素刷新页面:需要停止,javascript,angularjs,amazon-web-services,Javascript,Angularjs,Amazon Web Services,我目前有一个网页,可以调用一个模态元素,用户可以在其中上传文件。一旦用户单击upload,文件将上载到AmazonWebServices(S3),页面将刷新。这将是好的,除了我还试图将有关特定上载事件的元数据发送回个人服务器,这样会有事件发生的记录,并且刷新后,它无法完成将数据发送回我的服务器 以下是我在html中用于声明按钮的代码: <button type="submit" class="btn btn-default" ng-click="closeModal(true)">U
<button type="submit" class="btn btn-default" ng-click="closeModal(true)">Upload</button>
这段代码中有很多是从另一个项目继承下来的,我对此还是新手。我想如果我不能更改HTML(我尝试将按钮类型从“提交”更改为“按钮”),我会更改JS,我发现它可能发生在这一行:
$scope.modalBox.$promise.then($scope.modalBox.hide)代码>
但我不知道如何操作它来防止它刷新。弄明白了!它与Angular、JS或HTML元素无关,而是与Amazon Web服务策略有关。政策中有一个选项,它在成功时重定向表单。我刚刚删除了这个,重新修改了政策和签名,瞧!现在它就像一个符咒。我的表单将文件提交到S3,但不会刷新页面
$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);
};