JavaScript 用fetch 实现异步下载文件功能

具体代码如下所示：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>sample</title>

</head>

<body>

<button id='btn'>下载</button>

<span id='status'></span>

</body>

<script>

document.getElementById('btn').onclick =function() {

document.getElementById('status').innerHTML ='下载中';

fetch(url).then(res => res.blob().then(blob => {

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

var url = window.URL.createObjectURL(blob);

var filename = res.headers.get('Content-Disposition');

a.href = url;

a.download = filename;

a.click();

window.URL.revokeObjectURL(url);

document.getElementById('status').innerHTML ='下载完成';

}));

};

</script>

</html>

总结

以上所述是小编给大家介绍的JavaScript 用fetch 实现异步下载文件功能。