本文由 千趣源码 – qianqu 发布，转载请注明出处，如有问题请联系我们！formdata上传文件附加参数-前端获取上传文件路径

FormData插口给予了一种结构表明表格数据信息的键值对key/value的方式，能够根据XMLHttpRequest.send()方式轻轻松松传送数据。这一插口和这一方式比较简单立即。假如递交时的编号种类设定为“多一部分/表格数据信息”，它将应用与表格同样的文件格式。

建立一个新目标。

const formData = new FormData()

方式

// 向 FormData 中加上新的特性值，FormData 相匹配的特性值存有也不会遮盖原值，// 反而是增加一个值，假如特性不会有则增加一项特性值。FormData.APPend()// 从 FormData 目标里边删掉一个键值对。FormData.delete()// 回到一个包括全部键值对的iterator目标。FormData.entries()// 回到在 FormData 目标中与给出键关系的第一个值。FormData.GET()// 回到一个包括 FormData 目标中与给出键关系的全部值的二维数组。FormData.getAll()// 回到一个布尔值说明 FormData 目标是不是包括一些键。FormData.has()// 回到一个包括全部键的iterator目标。FormData.keys()// 给 FormData 设定特性值，假如FormData 相匹配的特性值存有则遮盖原值，不然增加一项特性值。FormData.set()// 回到一个包括全部值的iterator目标。FormData.values()

应用

// 主5201;1442;数const formData = new FormData()// 获得文件上传const file = document.getElementById("upload-file").files[0]// 倘若data是附加的别的主要参数for (const key in data) {if (data.hasOwnProperty(key)) { formData.append(key, data[key) }}formData.append('file', file)// 推送 POST 要求axiOS({ method: 'post', URL: '/api/upload', data: formData, headers: { "Content-Type": "multipart/form-data" }});