0%

JS 发送文件的几种方式

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

fetch() 方法提交

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 构造一个表单
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 方法提交

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