浏览器创建下载任务

最新推荐文章于 2024-11-27 17:49:05 发布

原创最新推荐文章于 2024-11-27 17:49:05 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端同时被 3 个专栏收录

44 篇文章

订阅专栏

学习计划

6 篇文章

订阅专栏

未来人生

2 篇文章

订阅专栏

本文介绍了一种在前端实现文件下载的方法，通过创建Blob对象并利用HTML5的a标签和URL.createObjectURL方法，实现了点击按钮即可下载文件的功能。

在开发一个项目的时候，点击下载按钮后要下载文件到本地，但百度了半天也没有找到，最后终于研究到了，下面贡献给大家


				  const blob = new Blob([res.data],{type: 'application/octet-stream'});
					const url = window.URL.createObjectURL(blob);
					        const a = document.createElement('a');
					        a.href = url;
					        a.download = src;
					        document.body.appendChild(a);
					        a.click();
					        document.body.removeChild(a);
					        window.URL.revokeObjectURL(url);