使用原生 JavaScript 发送文件的几种方法

这儿记不用第三方库，直接用原生 js 去发送文件。

fetch() 方法提交

// 构造一个表单
let form = new FormData();
// 定义好文件数据
let fileData = File;
// 向表单中加入文件数据
form.append('file', fileData);
// 用 fetch 方法提交表单 第一个参数为借口地址
// method 为请求方式
// body 为你的请求体
fetch('/upload/image', { method: 'POST', body: formData });

let httpRequest = new XMLHttpRequest()
httpRequest.open('/upload/image', formData)
httpRequest.send(formData)

Ajax 方法提交

// 构造一个表单
let form = new FormData();
// 定义好文件数据
let fileData = File;
// 向表单中加入文件数据
form.append('file', fileData);
// 用 ajax 方法提交表单
let httpRequest = new XMLHttpRequest()
httpRequest.open('/upload/image', formData)
httpRequest.send(formData)