使用 javascript API -- fetch 实现文件下载功能

在fetch中第一个为请求地址，第二个可以设置请求类型POST，GET，DELETE，UPDATE，PATCH和PUT，随后可以使用then来接收参数，因为异步操作第一个then标明请求类型，第二个then中可以拿到正确的返回值，catch显示返回错误信息。


fetch('https://XXX', {
        method: 'POST',
        body: JSON.stringify({
            username: 'admin',
            password: '*****'
        }),
        headers: { 'Content-Type': 'application/json;charset=utf-8' }
    }).then(response => response.json()).then(data => console.log(data)).catch(err => console.log(err));

fetch("https://api.github.com/users")
            .then((res) => { return res.json(); console.log(res) })
            .then(data => {
                console.log(data);

            })
            .catch(err => console.log(err));

下载写法

fetch(url).then(async res => await res.blob()).then(

(blob) => {

console.log(blob);

// 创建隐藏的可下载链接

const a = document.createElement('a');

a.style.display = 'none';

a.href = URL.createObjectURL(blob);

// 保存下来的文件名

a.download = filename;

document.body.appendChild(a);

a.click();

// 移除元素

document.body.removeChild(a);

　　　　window.URL.revokeObjectURL(url);

}

)

使用 javascript API -- fetch 实现文件下载功能

推荐阅读