组件预览地址:

https://caisihang.gitee.io/vuepress/page/basicKnowledge/comps/zipDownload.html

downloadFn () {if (!this.selectFileAll.length) {alert('未选择要下载的文件');return}const zip = new jsZip();this.selectFileAll.forEach(item => {zip.file(item.name, item.raw);})zip.generateAsync({type: "blob",compression: "DEFLATE", // STORE:默认不压缩 DEFLATE:需要压缩compressionOptions: {level: 9 // 压缩等级1~9 1压缩速度最快,9最优压缩方式}}).then((content) => {// 创建隐藏的可下载链接const eleLink = document.createElement('a');// 下载的文件名eleLink.download = this.filename + 'zip';eleLink.style.display = 'none';// 下载内容转变成blob地址eleLink.href = URL.createObjectURL(content);// 触发点击document.body.appendChild(eleLink);eleLink.click();// 然后移除document.body.removeChild(eleLink);});
}

利用jszip压缩下载多文件相关推荐

  1. php中怎么应用css文件,利用PHP怎么下载CSS文件中的图片

    利用PHP怎么下载CSS文件中的图片 发布时间:2020-12-18 16:14:49 来源:亿速云 阅读:87 作者:Leah 这篇文章给大家介绍利用PHP怎么下载CSS文件中的图片,内容非常详细, ...

  2. 怎压缩html文件夹,如何利用koala压缩合并js文件?

    本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 苏南大叔在很久之前的文章中,曾经向大家介绍过一款很好用的js和css处理工具,叫做koala.据说是国人基于n ...

  3. 战网下载CDN重定向失败_卧槽,又开源一个下载神器,利用各种平台下载任意文件...

    @Travis-CI && @GithubAction && @Coding && @Vercel,你帮我下载文件行吗QvQ 前言 开源地址:https ...

  4. vb中利用xmlhttp来下载远程文件

    建立一个vb工程,Project1 添加引用:Microsoft scripting runtime,Microsoft Active Data Object,Microsoft MsXml Form ...

  5. 利用php下载xls文件

    昨天看ECSHOP源码的时候,碰到了一点自己没有学过的只是--如何利用php实现下载xls文件.根据它的源码,我动手实现了一下,成功实现了这个效果. 源码: <?php/**@Descripti ...

  6. java Itextpdf 图片转pdf并压缩下载至浏览器

    注:图片存放在服务器D盘指定目录下,该目录URL存放于数据库表中 maven项目 jdk1.7 <!-- itextpdf --> <dependency><groupI ...

  7. react——利用jszip实现文件批量下载并打包成zip文件

    本文章主要记录利用jszip实现文件批量下载图片,文档.mp3,视频(MP4)等文件,一般而言前端实现下载功能一般都是通过a链,这在下载单个文件的场景很实用,但如果是批量下载很多个文件,同样也可以用a ...

  8. 浏览器中利用js打包下载所有类型文件

    浏览器中利用js打包下载所有类型文件 概述 ajax请求方式打包下载所有类型文件 canvas渲染方式打包下载所有图片 相关知识 作者 概述 需求:1.项目中在浏览器中点击按钮后根据多个url地址下载 ...

  9. vue中实现文件批量打包压缩下载(以及下载跨域问题分析)

    上次做了一个选择多个数据生成多个二维码并下载,当时项目催的紧,就简单写了个循环生成二维码下载,一次性会下载很多文件,特别难整理: 刚好这次项目又遇到类似这种功能,需要一次性批量下载多个文件,那么就安排 ...

  10. php文件管理 打包,Thinkphp6如何利用ZipArchive打包下载文件

    下面给大家介绍Thinkphp6利用ZipArchive打包下载文件的方法,希望对需要的朋友有所帮助!基础环境 系统环境:Windows10 x64 PHP集成环境:phpstudy PHP依赖管理工 ...

最新文章

  1. 腾讯AI足球队夺冠Kaggle竞赛,绝悟AI强化学习框架通用性凸显
  2. swift_020(Swift 的属性)
  3. 使用webpack-dev-server设置反向代理解决前端跨域问题
  4. android画笔画图(会持续更新完善,欢迎留言提问)
  5. 什么样的数据适合缓存?
  6. SharePoint 2007 系列(12) SharePoint Master Page
  7. MySQL学习(四)
  8. Oracle数据库的数据统计(Analyze)
  9. 什么是DNS,A记录,子域名,CNAME别名,MX记录,TXT记录,SRV 记录,TTL值
  10. SQL SERVER 打开脚本报“未能完成操作,存储空间不足”
  11. 高级Linux程序设计第五章:进程间通信
  12. C语言 小游戏 电脑大概率获胜,用C语言实现简单的三子棋小游戏
  13. 国产光刻机再次斩获新订单,业绩大幅衰退的ASML如遭雷击
  14. 孢子社群:今日推荐人工智能微信群:智能群3群 智能大数据合作交流群
  15. c语言道歉程序代码,C语言编程,请帮我填完整
  16. Python读写Excel文件-1
  17. azure 配置vpn_ASP.NET和Azure中配置中的私有配置数据和连接字符串的最佳做法
  18. 百钱百鸡php穷举法,PHP经典题:百钱百鸡问题(穷举算法)
  19. LabVIEW基础(1)
  20. MT6765 PCB设计资料,MT6765芯片参考资料

热门文章

  1. java中ascii码值_java中的ASCII码值
  2. 使用python根据图片链接下载图片
  3. windows应用商店无法打开无法下载
  4. Red Giant Trapcode Suite 16 for Mac(红巨星粒子插件)
  5. 抓包教程(安卓抓包)Fiddler,HttpCancy使用~浅谈前几日抓包中遇到的坑
  6. 多线程QThread的两种启用用法
  7. 高速PCB设计EMI之九大规则
  8. msfconsole 控制台使用和操作
  9. Magisk升级Zygisk
  10. 2021 最新 android studio 阿里 maven 仓库地址 Using insecure protocols with repositories, without explicit op