前端导出下载（后端返回文件流）excel 文件

最新推荐文章于 2024-04-23 18:23:10 发布

北海845

最新推荐文章于 2024-04-23 18:23:10 发布

阅读量244

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_63186320/article/details/129317851

版权

 axios.post(tableData_url, queryParameter, { responseType: 'blob' })
            .then((res) => {
                // console.log(res);
                // dealWith(res);
                fileDownload(res, FileName);
                layer.msg("导出数据");
            })



const fileDownload = (res, filename) => {
            let blob = new Blob([res.data]); // 将返回的数据通过Blob的构造方法，创建Blob对象
            if ('msSaveOrOpenBlob' in navigator) {
                window.navigator.msSaveOrOpenBlob(blob, filename); // 针对浏览器
            } else {
                const elink = document.createElement('a'); // 创建a标签
                elink.download = filename;
                elink.style.display = 'none';
                // 创建一个指向blob的url，这里就是点击可以下载文件的根结
                elink.href = URL.createObjectURL(blob);
                document.body.appendChild(elink);
                elink.click();
                URL.revokeObjectURL(elink.href); //移除链接
                document.body.removeChild(elink); //移除a标签
            }
        }