前端formdata文件上传

前端可以使用FormData对象进行文件上传操作。以下是使用FormData上传文件的示例代码：

HTML部分：

<form id="myForm">
  <input type="file" id="myFile" name="file">
  <button type="button" onclick="uploadFile()">上传</button>
</form>

JavaScript部分：

function uploadFile() {
  var fileInput = document.getElementById("myFile");
  var file = fileInput.files[0];
  var formData = new FormData();
  formData.append("file", file);

  // 发送文件到服务器
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/upload", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      console.log("文件上传成功");
    }
  };
  xhr.send(formData);
}

在这个示例中，我们首先获取文件输入框中选中的文件，然后创建一个FormData对象，并使用`append`方法将文件添加到FormData中。接下来，我们使用XMLHttpRequest对象发送FormData到服务器。在服务器端，你需要处理文件上传的请求。