Vue中批量下载文件并打包详解

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

1. 准备工作

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

yarn add axios
yarn add jszip
yarn add file-saver

2. 下载文件

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

3. 打包文件

4. 最终代码

注意:

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

相关推荐：

批量下载文件

Python实现批量下载文件

打包工具parcel零配置vue开发脚手架

以上就是Vue中批量下载文件并打包详解的详细内容，更多请关注Gxl网其它相关文章！