打包下载怎么实现?

down_zbUploadClearfile({ //http接口

name:'1'

time:'7',

}).then(async (res) => {

if (res) {

this.selectData = [];

const zip = new JSZip();

zip.generateAsync({ type: "object" }).then(() => {

const downloadUrl = window.URL.createObjectURL(res);

const link = document.createElement("a");

link.href = downloadUrl;

link.setAttribute("download", `123test.zip`);

appendChild(link);

link.click();

// 释放 URL 对象

URL.revokeObjectURL(link.hrefs);

});

}

});

相关推荐
小李子呢02111 分钟前
前端八股Vue---Vue2和Vue3的区别,set up的用法
前端·javascript·vue.js
m0_647057967 分钟前
Harness Engineering 实践指南
前端
JJay.37 分钟前
Android BLE 稳定连接的关键,不是扫描,而是 GATT 操作队列
android·服务器·前端
一 乐40 分钟前
电影院|基于springboot + vue电影院购票管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·电影院购票管理管理系统
星空椰41 分钟前
JavaScript 进阶基础:函数、作用域与常用技巧总结
开发语言·前端·javascript
奔跑的呱呱牛42 分钟前
@giszhc/vue-page-motion:Vue3 路由动画怎么做才“丝滑”?(附在线示例)
前端·javascript·vue.js
恼书:-(空寄42 分钟前
JVM GC 日志分析 + 常见 GC 场景 + 实战参数调优
java·jvm
SilentSamsara44 分钟前
TCP 三次握手:连接建立失败的那些坑
运维·服务器·网络·网络协议·tcp/ip
消失的旧时光-19431 小时前
Spring Boot 实战(五):接口工程化升级(统一返回 + 异常处理 + 错误码体系 + 异常流转机制)
java·spring boot·后端·解耦
ThridTianFuStreet小貂蝉1 小时前
面试题4:讲一讲HTML5、CSS3新特性
前端·css3·html5