废话不多说了,直接给大家贴代码了,具体代码如下所示:
<!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 实现异步下载文件功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
# js
# fetch
# 异步下载文件
# 下载文件
# JavaScript使用Fetch的方法详解
# JavaScript利用fetch实现异步请求的方法实例
# javascript实现fetch请求返回的统一拦截
# JavaScript中fetch方法的使用示例全面详解
# js fetch异步请求使用实例详解
# JavaScript fetch接口案例解析
# JS中fetch()用法实例详解
# 一文详解JavaScript中的fetch方法
# 给大家
# 小编
# 在此
# 说了
# 不多
# 所示
# 所述
# 给我留言
# 感谢大家
# 疑问请
# 有任何
# 下载完成
# body
# button
# id
# utf
# title
# sample
# script
# var
相关文章:
,怎么在广州志愿者网站注册?
建站之星上传入口如何快速找到?
如何通过虚拟主机空间快速建站?
建站主机选虚拟主机还是云服务器更好?
如何获取开源自助建站系统免费下载链接?
魔方云NAT建站如何实现端口转发?
如何选择高性价比服务器搭建个人网站?
弹幕视频网站制作教程下载,弹幕视频网站是什么意思?
如何快速完成中国万网建站详细流程?
建站主机解析:虚拟主机配置与服务器选择指南
建站三合一如何选?哪家性价比更高?
建站之星与建站宝盒如何选择最佳方案?
如何用腾讯建站主机快速创建免费网站?
南平网站制作公司,2025年南平市事业单位报名时间?
ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站?
php条件判断怎么写_ifelse和switchcase的使用区别【对比】
阿里云网站搭建费用解析:服务器价格与建站成本优化指南
巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成
实例解析angularjs的filter过滤器
制作企业网站建设方案,怎样建设一个公司网站?
制作网站哪家好,cc、.co、.cm哪个域名更适合做网站?
建站之星如何助力网站排名飙升?揭秘高效技巧
孙琪峥织梦建站教程如何优化数据库安全?
高性能网站服务器配置指南:安全稳定与高效建站核心方案
如何快速生成ASP一键建站模板并优化安全性?
专业的网站制作设计是什么,如何制作一个企业网站,建设网站的基本步骤有哪些?
如何配置WinSCP新建站点的密钥验证步骤?
深圳网站制作费用多少钱,读秀,深圳文献港这样的网站很多只提供网上试读,但有些人只要提供试读的文章就能全篇下载,这个是怎么弄的?
建站之星安装后如何自定义网站颜色与字体?
建站VPS选购需注意哪些关键参数?
网站制作与设计教程,如何制作一个企业网站,建设网站的基本步骤有哪些?
建站之星客服服务时间及联系方式如何?
如何在自有机房高效搭建专业网站?
建站主机如何安装配置?新手必看操作指南
网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台?
小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?
如何快速搭建个人网站并优化SEO?
打鱼网站制作软件,波克捕鱼官方号怎么注册?
建站之星展会模版如何一键下载生成?
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)
湖北网站制作公司有哪些,湖北清能集团官网?
小自动建站系统:AI智能生成+拖拽模板,多端适配一键搭建
如何在企业微信快速生成手机电脑官网?
如何在建站之星网店版论坛获取技术支持?
大连网站设计制作招聘信息,大连投诉网站有哪些?
如何用已有域名快速搭建网站?
香港网站服务器数量如何影响SEO优化效果?
如何在IIS服务器上快速部署高效网站?
建站之星如何配置系统实现高效建站?
*请认真填写需求信息,我们会在24小时内与您取得联系。