javascript - HTML 表单到 XMLHttprequest

Question

我正在尝试采用以下形式并将其转换为使用 XMLHttp。无法获得如何将其转换为使用 XMLHttp 的工作示例。

<form enctype='multipart/form-data' action='process.do'>
  <input id='myfile' type='file'>
  <input type='hidden' name='systemid' value='a1312423r1rde223e423e'>
  <input type='hidden' name='systemname' value='My value'>
</form>

var x = new XMLHttpRequest()
x.open('POST', 'process.do');
// Where to add systemid, systemname parameters?
x.send($('myfile').files[0])

Answer 1

只需send() a FormData object从表单对象实例化。

var x = new XMLHttpRequest()
x.open('POST', 'process.do');
x.send(new FormData(document.querySelector("form")));

这将包括表单中的所有数据。

不过，您需要为文件输入指定一个名称。