zoukankan      html  css  js  c++  java
  • vue-axios 下载 zip文件包

    axios({
                    method: 'get',
                    url: '/api/group/export',
                    params: data,
                    headers: {
                        Authentication: localStorage.getItem('token'),
                        Accept: 'application/json'
                    },
                    responseType: 'blob'
                }).then(response => {
                    let data = response.data;
                    let fileReader = new FileReader();
                    fileReader.onload = function() {
                        try {
                            let jsonData = JSON.parse(this.result);  // 说明是普通对象数据,后台转换失败
                        if (jsonData.code) {
                            that.$message.error(jsonData.message)
                        }
                        } catch (err) {   // 解析成对象失败,说明是正常的文件流
                            const blob = new Blob([response.data], {type: 'application/zip'});
                            const filename = response.headers['content-disposition'];
                            const downloadElement = document.createElement('a');
                            const href = window.URL.createObjectURL(blob); //创建下载的链接
                            downloadElement.href = href;
                            [downloadElement.download] = [filename.split('=')[1]];
                            document.body.appendChild(downloadElement);
                            downloadElement.click(); //点击下载
                            document.body.removeChild(downloadElement); //下载完成移除元素
                            window.URL.revokeObjectURL(href); //释放blob对
                        } 
                    };
                    fileReader.readAsText(data) 
                }).catch((error) => {
    
                })
    

      

  • 相关阅读:
    比较两个json数组是否有相同的选项
    使用gulp实现静态资源版本号替换
    Happy Halloween
    前端学习plan
    Python之函数式编程
    秋意浓
    2018给自己个plan,给自己一个小目标
    see goodbye with 2017
    杂记(一)
    The fruit in mid-summer
  • 原文地址:https://www.cnblogs.com/baifubin/p/12335089.html
Copyright © 2011-2022 走看看