当前位置:Gxlcms > JavaScript > 实例详解Vue中批量下载文件并打包方法

实例详解Vue中批量下载文件并打包方法

时间:2021-07-01 10:21:17 帮助过:4人阅读

本文主要介绍了Vue 中批量下载文件并打包的示例代码,用 ajax 将文件下载, 然后用 jszip 压缩文件, 最后用 file-saver 生成文件,有兴趣的可以了解一下,希望能帮助到大家。

思路: 用 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实现批量下载文件

php多文件打包下载的两种方法实例

Python脚本文件打包成可执行文件的方法

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

人气教程排行