zoukankan      html  css  js  c++  java
  • vue

    //文件流下载
    import axios from 'axios';
    // 导出全部
            download() {
                this.btnloading = true;
                axios.get('/admin/annex/guwencard/downloadxcx', { params: { lpid: this.lpid } }).then((res) => {
                    if (res.status == 200) {
                        // 利用a标签自定义下载文件名
                        const link = document.createElement('a');
                        // 创建Blob对象,设置文件类型
                        let blob = new Blob([res.data.data.url], {
                            type: 'application/zip',//MIME类型
                        });
                        link.href = URL.createObjectURL(blob); // 创建URL
                        link.setAttribute('download', this.lpname + '.zip'); // 设置下载文件名称
                        link.click(); // 下载文件
                        document.body.appendChild(link);
                        URL.revokeObjectURL(link.href); // 释放内存
                        this.btnloading = false;
                    } else {
                        this.$message.error(res.statusText);
                        this.btnloading = false;
                    }
                });
            },
    
    //普通下载
                       const link = document.createElement('a');
                        link.href = downpath;
                        link.setAttribute('download', this.lpname + '.zip'); // 设置下载文件名称
                        link.click(); // 下载文件
    
  • 相关阅读:
    flex 弹性盒布局 移动端首页
    less+rem基础使用
    github 本地操作
    git 码云
    react基础知识
    css样式
    uni-app 知识点
    web app
    2019年一半已过,这些大前端技术你都GET了吗?- 下篇
    2019年大前端技术周刊-#31周
  • 原文地址:https://www.cnblogs.com/gggggggxin/p/14234224.html
Copyright © 2011-2022 走看看