首页 > 开发 > JS > 正文

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

2024-05-06 16:38:32
字体:
来源:转载
供稿:网友

废话不多说了,直接给大家贴代码了,具体代码如下所示:

js;"><!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 实现异步下载文件功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持!


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表