基于vue2实现下载文件并生成压缩包

最新推荐文章于 2025-04-08 10:28:45 发布

偷懒的付程序猿

最新推荐文章于 2025-04-08 10:28:45 发布

阅读量1.2k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_34656296/article/details/127433819

版权

本文介绍了如何在Vue2项目中利用插件实现文件的下载，并将多个文件打包成压缩包。首先，需要安装相关插件，然后通过代码实现文件的下载和压缩功能。此外，还提及了在vue中处理下载跨域问题的分析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 依赖于两个插件首先安装插件’

npm install file-saver
npm install jszip

2. 安装插件

import JSZip from "jszip";
import FileSaver from "file-saver";

3. 代码

import Vue from "vue";
import JSZip from "jszip";
import FileSaver from "file-saver";
let getImgArrayBuffer = (url) => {
  return new Promise((resolve, reject) => {
    //通过请求获取文件blob格式
    let xmlhttp = new XMLHttpRequest();
    xmlhttp.open("GET", url, true);
    xmlhttp.responseType = "blob";
    xmlhttp.onload = function () {
      if (this.status == 200) {
        resolve(this.response);
      } else {
        reject(this.status);
      }
    };
    xmlhttp.send();
  });
};
Vue.prototype.downFile = function (fileList, name) {
  const blogTitle = name;
  const zip = new JSZip(

最低0.47元/天解锁文章