Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/macos/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 模态元素刷新页面:需要停止_Javascript_Angularjs_Amazon Web Services - Fatal编程技术网

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

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

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

以下是我在html中用于声明按钮的代码:

<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);
};