没连接的清空下前端下载zip

最新推荐文章于 2025-05-27 09:23:26 发布

菜狗编程

最新推荐文章于 2025-05-27 09:23:26 发布

阅读量117

点赞数

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/q893668680/article/details/130990906

版权

文章介绍了如何处理一个返回ZIP文件blob数据的下载接口，前端需要将responseType设置为blob，然后利用window.URL.createObjectURL创建下载链接，最后通过创建并点击隐藏的a标签实现文件下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到一个下载接口，直接返回的zip的blob数据。前端要下载下来，需两部：

1.保证接口的responseType为“blob”

2.根据blob创建连接

 const urlObject = window.URL || window.webkitURL || window;
 const exportBlob = new Blob([data]);

 const blobUrl = urlObject.createObjectURL(exportBlob);

 const a = document.createElement('a');

 a.style.display = 'none';

 a.download = 'down.zip';

 a.href = blobUrl;

  a.click();

   a.remove();