在不使用ajax的情况下使用javascript上传文件

<form id="uploadForm">
  <input type="file" id="fileInput">
  <button type="button" onclick="uploadFile()">上传文件</button>
</form>

function uploadFile() {
  var fileInput = document.getElementById("fileInput");
  var file = fileInput.files[0]; // 获取选择的文件

  var formData = new FormData(); // 创建FormData对象
  formData.append("file", file); // 将文件添加到FormData对象中

  var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
  xhr.open("POST", "/upload", true); // 设置请求方法、URL和异步标志

  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        console.log("文件上传成功");
      } else {
        console.error("文件上传失败");
      }
    }
  };

  xhr.send(formData); // 发送FormData对象
}