javascript - 如何确保FileReader.onload()不刷新页面

Question

我正在尝试将表单和文件上传到谷歌驱动器，在使用 FileReader 上传文件时，文件正在上传，但页面被重定向到 json 成功页面，如下所示。

{"result":"success","data":"\"https://drive.google.com/file/d/1dFXWqvAPu68""} 

var reader = new FileReader();
var file = document.getElementById('attach').files[0];
reader.onload = function() {
        document.getElementById('fileContent').value = reader.result;
        document.getElementById('filename').value = file.name;
        document.getElementById('gform').submit();
        }
reader.readAsDataURL(file);

我不希望页面被重定向，当我尝试使用 XMLHttpRequest 将表单数据与文件一起发送时，文件正在上传，但它无效。我该如何处理这个问题？

Answer 1

reader.onload = function() {

  event.preventDefault()
  // your code here

}

https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

Event 接口(interface)的 preventDefault() 方法告诉用户代理，如果事件没有得到显式处理，则不应像通常那样采取其默认操作。事件继续像往常一样传播，除非其事件监听器之一调用 stopPropagation() 或 stopImmediatePropagation()，其中任何一个都会立即终止传播。