JavaScript的FormData

发表于 分类于 阅读次数： Valine：

原文：FormData in JavaScript

FormData类在JavaScript上传文件时非常有用。

JavaScript的FormData类在上传文件时很常见。例如，给定一个文件input：

1
<input type="file" id="my-input">

你可以创建一个FormData对象，传递到axios的post()函数，实现选择文件的上传。

1
2
3
4
5
6
7
8
9
10
const input = document.querySelector('#my-input');

const formData = new FormData();
formData.append('myFile', input.files[0]);

axios.post('/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
});

简而言之，FormData类是最简单的上传文件的方式，不需要提交一个真正的HTML表单。

本教程对您有帮助吗？来GitHub仓库点个星支持我们吧！