Vue 中批量下载文件并打包的示例代码(vue实现下载功能)

编辑：rootadmin

推荐整理分享Vue 中批量下载文件并打包的示例代码(vue实现下载功能)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue批量下载文件,vue批量下载图片到本地,vue批量下载图片到本地,vue中批量下载文件,vue批量下载图片到本地,vue批量下载图片到本地,vue中批量下载文件,vue批量下载图片到本地,内容如对您有帮助，希望把文章链接给更多的朋友！

思路: 用 ajax 将文件下载, 然后用 jszip 压缩文件, 最后用 file-saver 生成文件

1. 准备工作

安装 3 个依赖: axios, jszip, file-saver

2. 下载文件

这里需要注意的是responseType, 如果下载文件是文本类型的(如: .txt, .js之类的), 那么用responseType: 'text'也可以, 但是如果下载的文件是图片, 视频之类的, 就得用arraybuffer

3. 打包文件

4. 最终代码

注意:

如果下载的文件过大, 打包的时间将会很长, 甚至可能会导致浏览器奔溃

本文链接地址:https://www.jiuchutong.com/biancheng/377400.html 转载请保留说明！