JavaScript 用fetch 实现异步下载文件

来源：互联网发布：北京软件测试培训编辑：程序博客网时间：2024/06/07 01:46

<!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>

阅读全文

1 0

JavaScript 用fetch 实现异步下载文件
javascript异步下载 Promise实现
使用fetch下载文件
AsyncTask异步实现文件下载
实现异步多线程下载文件
AsyncTask异步实现文件下载
使用Fetch实现异步通信
使用AsyncTask实现异步文件下载
Android AsyncTask异步实现大文件下载
javascript xmlhttp实现文件下载
javascript 实现文件下载功能
异步下载文件
WebClient异步下载文件
C# 异步下载文件
文件下载[异步]
文件异步下载
C#异步下载文件
ajaxfileupload 异步下载文件
从1到n整数中1出现的次数：O(logn)算法
C陷阱与缺陷第三章语义“陷阱”
笔记本电脑无法进入u盘启动界面怎么办？
JAVA设计模式之抽象工厂模式
hdu 3345 War Chess（广搜,用不用优先队列都可以）
JavaScript 用fetch 实现异步下载文件
Android源码博文集锦3
android studio 用git从远程仓库pull和push发生的错误
十进制，十六进制转二进制
mysql 获取当前日期及格式化
C#设计模式（六）原型模式（Prototype Pattern）
keepalived配置文件
exercise3
编程中遇到的有趣的问题