美文网首页
vue导出excel

vue导出excel

作者: RocaLee | 来源:发表于2023-08-10 16:34 被阅读0次

    现结合thinkphp5的phpexcel导出excel文件
    现直接从浏览器浏览器输出excel文件

    export const excelExport = (data) => {
        return request({
            url: '/api/export',
            method: 'post',
            data: data,
            responseType: 'blob'//responseType为blob,后端返回文件流,前端转换成Blob对象下载
        })
    

    文件流下载

            const blob = new Blob([ 文件流], {type: 'application/vnd.ms-excel'});
        const a = document.createElement('a');
        const href = window.URL.createObjectURL(blob); // 创建下载连接
        a.href = href;
        a.download = decodeURI(文件名);
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a); // 下载完移除元素
        window.URL.revokeObjectURL(href); // 释放掉blob对象
        
    

    相关文章

      网友评论

          本文标题:vue导出excel

          本文链接:https://www.haomeiwen.com/subject/hfdzpdtx.html