axios下载zip

淡淡的烟草味﹌ 2022-09-10 13:11 148阅读 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 条评论，148人围观）

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

相关阅读

相关 axios 请求下载excel文件

　　前端　　window.Axios.post(window.ApiName.excelExport, params ,\{ responseType: 'blob' \}

﹏ヽ暗。殇╰゛Y/ 2023年09月24日 07:45/ 0 赞/ 97 阅读

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

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

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

相关 Python:下载zip文件并解压zip文件数据

以下载百度地图官方给出的中国各大城市中心经纬度压缩文件( https://mapopen-website-wiki.bj.bcebos.com/static\_zip/Baid

末蓝、/ 2022年12月27日 01:47/ 0 赞/ 271 阅读

相关 Axios下载导出表格

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

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

相关 axios上传下载文件

文件上传 fileUpload(val) { let fd = new FormData(); fd.append("fi

矫情吗；*/ 2022年10月08日 11:17/ 0 赞/ 160 阅读

相关 axios下载zip

目标： ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdXIgaG9tZQ_size_2

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

相关 JAVA ZIP压缩打包下载

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

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

相关 vue下载zip文件

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

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

相关 vue axios 下载文件

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

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

相关 vue中axios实现下载

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

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