axios下载zip

淡淡的烟草味﹌ 2022-09-10 13:11 189阅读 0赞

## 目标： ##

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdXIgaG9tZQ_size_20_color_FFFFFF_t_70_g_se_x_16][]

## 实现： ##

import axios from 'axios';
    import { getToken } from '@/utils/auth';
    
    export const downloadZip = (url: string, params: any, fileName: string) => {
      axios({
        method: 'GET',
        url: `${process.env.VUE_APP_BASE_API}${url}`,
        headers: {
          Authorization: 'Bearer ' + getToken(),
          'Content-Type': 'application/x-www-form-urlencoded',
        },
        params: params,
        responseType: 'blob',
      }).then((res: any) => {
        const blob = new Blob([res.data], { type: 'application/zip' }); // new一个二进制对象
        const url = window.URL.createObjectURL(blob); // 转化为url
        const link = document.createElement('a'); // 创建个a标签
        link.href = url;
        link.download = fileName; // 重命名
        link.click();
        URL.revokeObjectURL(url); // 释放内存
      });
    };

## 使用： ##

const documentsDownload = `rest/xxx/documentsDownload`;
    
    private async handleDownload(file: string) {
       const param = { fileWebPaths: file };
       await downloadZip(documentsDownload, param, '附件');
    }

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdXIgaG9tZQ_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/f2e467b46a21405a9c2b6b1d55f0c608.png

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios实现下载

axios实现下载功能 > 背景：从前不使用前端框架（Angular、React、Vue）开发是，直接请求个url，或者提交个post表单就可以完成下。那如何在在使用了前

悠悠/ 2023年07月25日 12:34/ 0 赞/ 18 阅读

相关 axios下载zip压缩文件无法解压及excl乱码问题

js下载流文件应该很简单,百度一下一般都有代码,类似这样的 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

àì夳堔傛蜴生んèń/ 2023年07月20日 12:07/ 0 赞/ 143 阅读

相关 axios下载文件

前言最近项目将token信息放在请求的header中，所以不可以用iframe的src属性下载文件，因为不可以操作请求头。这里记录一下使用axios实现文件下载的方法。

喜欢ヅ旅行/ 2023年06月30日 09:22/ 0 赞/ 1 阅读

相关 vuede axios文件下载

this.loading = true; this.$http(\{ baseURL: CLOUD\_BASE\_SERVER\_URL, url: '/audit/au

淩亂°似流年/ 2023年06月04日 12:59/ 0 赞/ 1 阅读

相关 Axios下载导出表格

实际项目中的导出表格，就是请求后端，然后后端返回一个链接下载注意axios请求responseType是blob，不然会出现乱码 ie浏览器需要生成一个a链接下载

蔚落/ 2022年10月23日 04:52/ 0 赞/ 172 阅读

相关 axios下载zip

目标： ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdXIgaG9tZQ_size_2

淡淡的烟草味﹌/ 2022年09月10日 13:11/ 0 赞/ 190 阅读

相关 JAVA ZIP压缩打包下载

Java代码 ![收藏代码][icon_star.png] 1. package com.kedacom.kdkk.controller.querymanager;

梦里梦外;/ 2022年08月25日 12:57/ 0 赞/ 270 阅读

相关 vue下载zip文件

前台： <q-btn color="primary" size="md" @click="downwin"> downwin () {

曾经终败给现在/ 2022年03月12日 19:07/ 0 赞/ 539 阅读

相关 vue axios 下载文件

功能：点击导出按钮，提交请求，下载excel文件；第一步：跟后端童鞋确认交付的接口的response header设置了 ![response header][] 以及

刺骨的言语ヽ痛彻心扉/ 2021年09月24日 11:34/ 0 赞/ 463 阅读

相关 vue中axios实现下载

前端项目实现请求后台步骤一：安装axios组件，一般使用命令：npm install axios --save 步骤二：为了项目规范整洁，把一些常用的请求方式放在了一个

骑猪看日落/ 2021年07月26日 20:16/ 0 赞/ 596 阅读