formData . append ( "username" , "Groucho" ) ; formData . append ( "accountnum" , 123456 ) ; // 数字 123456 会被立即转换成字符串 "123456" // HTML 文件类型input，由用户选择 formData . append ( "userfile" , fileInputElement . files [ 0 ] ) ; // JavaScript file-like 对象 var content = '<a id="a"><b id="b">hey!</b></a>' ; // 新文件的正文... var blob = new Blob ( [ content ] , { type : "text/xml" } ) ; formData . append ( "webmasterfile" , blob ) ; var request = new XMLHttpRequest ( ) ; request . open ( "POST" , "http://foo.com/submitform.php" ) ; request . send ( formData ) ; 注意： 字段 "userfile" 和 "webmasterfile"  都包含一个文件. 字段 "accountnum" 是数字类型，它将被 FormData.append() 方法转换成字符串类型( FormData 对象的字段类型可以是 Blob , File , 或者 string: 如果它的字段类型不是Blob也不是File，则会被转换成字符串类型。

上面的示例创建了一个 FormData 实例，包含"username", "accountnum", "userfile" 和 "webmasterfile"四个字段，然后使用 XMLHttpRequest 的 send() 方法发送表单数据。字段 "webmasterfile" 是 Blob 类型。一个 Blob 对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式。 File 接口基于Blob，继承 blob功能并将其扩展为支持用户系统上的文件。你可以通过 Blob() 构造函数创建一个Blob对象。

通过HTML表单创建FormData对象

想要构造一个包含Form表单数据的FormData对象，需要在创建FormData对象时指定表单的元素。

var formData = new FormData(someFormElement);

var formElement = document.querySelector("form");
var request = new XMLHttpRequest();
request.open("POST", "submitform.php");
request.send(new FormData(formElement));

你还可以在创建一个包含Form表单数据的FormData对象之后和发送请求之前，附加额外的数据到FormData对象里，像这样：

var formElement = document.querySelector("form");
var formData = new FormData(formElement);
var request = new XMLHttpRequest();
request.open("POST", "submitform.php");
formData.append("serialnumber", serialNumber++);
request.send(formData);

这样你就可以在发送请求之前自由地附加不一定是用户编辑的字段到表单数据里

使用FormData对象上传文件

你还可以使用FormData上传文件。使用的时候需要在表单中添加一个文件类型的input：

<form enctype="multipart/form-data" method="post" name="fileinfo">
  <label>Your email address:</label>
  <input type="email" autocomplete="on" autofocus name="userid" placeholder="email" required size="32" maxlength="64" /><br />
  <label>Custom file label:</label>
  <input type="text" name="filelabel" size="12" maxlength="32" /><br />
  <label>File to stash:</label>
  <input type="file" name="file" required />
  <input type="submit" value="Stash the file!" />
</form>
<div></div>

然后使用下面的代码发送请求：

var form = document.forms.namedItem("fileinfo");
form.addEventListener('submit', function(ev) {
  var oOutput = document.querySelector("div"),
      oData = new FormData(form);
  oData.append("CustomField", "This is some extra data");
  var oReq = new XMLHttpRequest();
  oReq.open("POST", "stash.php", true);
  oReq.onload = function(oEvent) {
    if (oReq.status == 200) {
      oOutput.innerHTML = "Uploaded!";
    } else {
      oOutput.innerHTML = "Error " + oReq.status + " occurred when trying to upload your file.<br \/>";
  oReq.send(oData);
  ev.preventDefault();
}, false);

注意： 如果FormData对象是通过表单创建的，则表单中指定的请求方式会被应用到方法open()中 。

你还可以直接向FormData对象附加File或Blob类型的文件，如下所示：

data.append("myfile", myBlob, "filename.txt");

使用appned()方法时，可以通过第三个可选参数设置发送请求的头 Content-Disposition 指定文件名。如果不指定文件名（或者不支持该参数时），将使用名字“blob”。

如果你设置正确的配置项，你也可以通过jQuery来使用FormData对象：

var fd = new FormData(document.querySelector("form"));
fd.append("CustomField", "This is some extra data");
$.ajax({
  url: "stash.php",
  type: "POST",
  data: fd,
  processData: false,  // 不处理数据
  contentType: false   // 不设置内容类型
});

if (empty($_FILES['file']['name'])){

通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相同如何创建一个FormData对象你可以自己创建一个FormData对 直接给 Form Data app en d 一个数组的话会变成一个字符串，这样后台拿不到文件信息，如下： const fd = new Form Data (); fd. app en d('files', this.fileList); console.log(fd.getAll('files')); 解决办法： const fd = new Form Data (); this.fileList... < form id=" form "> <input type="text" name="username" /> <input type="password" name="password" /> <input type="button"/> </ form >... 可以 使用 Form Data . app en d来添加键/值对到表单里面； 2. 后端的多部分传参 和后端接口保持统一，那么可能不全是表单格式的数据，可能设置的不同的格式，比如文件格式的文件和数据格式的数值，因此需要带格式传过去（new Blob方法）。 const post Data = new Form Data (); let checklist = [一些数组值]; for (let i = 0; i < checklist.l en gth; i++) { post Data . app en d("orders[" + i + "].id", checklist[i].id); post Data . app en d("orde... 1.前端 form data 传递 data 类型数据 2.在实体类中对应Date类型属性 使用 @DateTime Form at注解 @DateTime Form at(pattern="yyyy-MM-dd hh:ss") private Date departureTime; // 出发时间 3.是自定义一个转换器，实现Converter<S,T>接口，S：代表要进行转换的参数的类型，T：代表转换后的类型 header: 'multipart/ form - data ', 注：在写请求头的时候遇到了一个坑，后端在给请求头的，可能会给成： app lication/x-www- form -url en coded 中格式，其实是错，它无法实现对数据的 form Data 处理。 二、创建 Form Data 我们在提交参数，调接口的时候，要创建一个for 一.什么是multipart/ form - data 二.明确在 en ctype参数为 app lication/x-www- form -url en coded的时候post和get请求参数和请求体是什么形式的 2.1 get请求 2.2 post请求 三. multip... export function getExt(fil en ame) { if (typeof fil en ame == 'string') { // 如果文件没有后缀名，返回null if(!fil en ame.includes('.')){return null} return fil en ame .split('.') .pop() .toLowerCase()