位置: 编程技术 - 正文
Vue 中批量下载文件并打包的示例代码(vue实现下载功能)
发布时间：2024-02-27推荐整理分享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. 最终代码
注意:
如果下载的文件过大, 打包的时间将会很长, 甚至可能会导致浏览器奔溃
标签: vue实现下载功能
本文链接地址:https://www.jiuchutong.com/biancheng/377400.html 转载请保留说明！上一篇：VueJs 搭建Axios接口请求工具(怎么使用vue和axios连接后端)
下一篇：浅谈Vue SSR 的 Cookies 问题(ssm vue)
