Javascript 为什么表单提交发生在文件上传完成之前？

我创建了一个按钮来替换输入文件类型，但是当我以编程方式单击输入文件类型时，它会在上载文件之前提交表单。我需要在提交表单之前完成文件上传

HTML:

---

问题是替换按钮“uploadFileButton”在表单标签中。将其放在表单之外修复了该问题

的默认

类型为“提交”

将其类型设置为
“按钮”
，以防止其提交表单

<button type="button" class="btn btn-space btn-primary" id="uploadFileButton">Upload File</button>

上传文件

document.getElementById("uploadFileButton").onclick = function() {
  document.getElementById("inputFileUpload").click();
};

document.getElementById("inputFileUpload").onchange = function() {
  document.getElementById("uploadForm").submit();
};

<button type="button" class="btn btn-space btn-primary" id="uploadFileButton">Upload File</button>