美文网首页
vue中导出后台返回的二进制数据为excel文件到本地

vue中导出后台返回的二进制数据为excel文件到本地

作者: Yl奋斗的小白 | 来源:发表于2020-01-01 13:01 被阅读0次

作为学习笔记,我这里将getExcel方法封装起来然后全局调用的,不封装的写在后面

引入getExcel方法  这样就OK啦

不封装的

axios({

            method: 'GET',

            url: '/api',

            params: params,

            responseType: 'blob'

     })then(res => {

        const link = document.createElement('a')

        let blob = new Blob([res],{type: 'application/vnd.ms-excel'});

        link.style.display = 'none'

        link.href = URL.createObjectURL(blob);

        let num = ''

        for(let i=0;i < 10;i++){

            num += Math.ceil(Math.random() * 10)

        }

        link.setAttribute('download', '公共代码_' + num + '.xlsx')

        document.body.appendChild(link)

        link.click()

        document.body.removeChild(link)

      })

相关文章

  • 前端导出xlsx二进制文件流

    背景: vue项目、需要点击导出、向后台发起请求、查询到对该用户的数据、返回二进制文件流、导出为xlsx文件。1、...

  • 将页面表格数据(列表)导出为excel

    将后台返回的数据v-for展示,现在将展示的table数据导出为excel文件,实质就是将返回的列表写入excel...

  • vue中导出后台返回的二进制数据为excel文件到本地

    作为学习笔记,我这里将getExcel方法封装起来然后全局调用的,不封装的写在后面 引入getExcel方法 这样...

  • Vue2.0---将页面中表格数据导出excel

    Vue2.0---将页面中表格数据导出excel 这不是教程,是随笔。 项目中将后台返回的数据v-for到表格中,...

  • 导出数据到本地文件

    把数据导出到本地的excel文件中的方法

  • vue 导出excel/下载zip

    vue 导出excel 1、如果后台数据是json格式的话就用如下方法: 2、如果后台数据是二进制数据流就用如下方法:

  • vue中导出Excel表格

    项目中我们可能会碰到导出Excel文件的需求,一般后台管理系统中居多,将table中展示的数据导出保存到本地。当然...

  • ajax导出excel

    ajax 是无法直接导出excel的,因为ajax返回值只能是字符流,而导出excel是后台往浏览器中写入二进制的...

  • vue导出excel文件

    向后台传递不同的参数值,后台查询出符合条件的数据,以文件流的格式返回前端,前端再导出为Excel。如果像普通的方式...

  • 导出线上mysql数据

    导出线上数据到本地 导出sql 遇到一个临时需求, 导出指定条件的线上数据到excel文件, 首先写好sql, 在...

网友评论

      本文标题:vue中导出后台返回的二进制数据为excel文件到本地

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