废话不多说了,直接给大家贴代码了,具体代码如下所示:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>sample</title> </head> <body> <button id='btn'>下载</button> <span id='status'></span> </body> <script> var url = "http://localhost/sample/upload.php"; 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 实现异步下载文件功能,希望对大家有所帮助
如对本文有疑问, 点击进行留言回复!!
前端科普系列(4):Babel —— 把 ES6 送上天的通天塔
小文的前端学习笔记---------事件循环机制(Event Loop)小结
微擎模块开发-微擎小程序商城轮播图增、删、改、查详解(后端篇)
使用layui框架弹出层内部为另一个页面,如何使用弹出框内页面按钮关闭弹出层。
网友评论