首页 > 其他分享 >blob 数据下载

blob 数据下载

时间:2023-05-16 16:56:57浏览次数:45  
标签:elink res let blob const document 数据 下载

zip

exportExcel({ taskId: '1-ef4a-1', tableName: '1result', exportName: '指标' }).then(res => {
        const content = res
        const blob = new Blob([content])
        const fileName = '预警指标结果.zip'
        let data = res
        let that = this
        let fileReader = new FileReader()
        fileReader.onload = function (e) {
          try {
            let jsonData = JSON.parse(e.target.result) // 说明是普通对象数据,后台转换失败
            if (jsonData.code != 200) {
              that.loading = false
              that.$message.warning(jsonData.trace)
            }
          } catch (err) {
            // 解析成对象失败,说明是正常的文件流
            // that.downloadFile(res, map)
            that.loading = false
            if ('download' in document.createElement('a')) {
              // 非IE下载
              const elink = document.createElement('a')
              elink.download = fileName
              elink.style.display = 'none'
              elink.href = URL.createObjectURL(blob)
              document.body.appendChild(elink)
              elink.click()
              URL.revokeObjectURL(elink.href) // 释放URL 对象
              document.body.removeChild(elink)
            } else {
              // IE10+下载
              navigator.msSaveBlob(blob, fileName)
            }
          }
        }
        fileReader.readAsText(data)
      }).catch(e => {
        console.log('e=', e)
      })

  

标签:elink,res,let,blob,const,document,数据,下载
From: https://www.cnblogs.com/qukaige/p/17406139.html

相关文章

  • vue请求后端数据和跨域问题
    最近遇到的一个问题后端写好的接口,前端怎么获取数据这是我后端的接口:GET接口这是我前端运行的项目地址:简单使用:咱门前端使用颇受好评的axios来发起请求这是它的官网:https://www.axios-http.cn/不过要在vue中使用它,就需要先安装打开终端输入一下命令 npminstall......
  • python爬取电影演员数据
    可以使用Python中的BeautifulSoup和Requests库来爬取网络上的电影数据和演员数据。首先需要使用Requests库发送网络请求,获取HTML页面的源代码。然后,使用BeautifulSoup库解析HTML代码,提取需要的数据。下面是一个示例代码,用于从IMDb网站上获取电影"Titanic"的演员列表,以及他们的角......
  • Oracle数据迁移MySQL
    https://blog.csdn.net/sinat_36757755/article/details/127284725Oracle数据迁移MySQL 前言:现今,Oracle数据迁移MySQL的需求已经越来越普遍,主要的迁移场景大致可以分为三类,第一类是涉及小表以及少量表的一次性迁移,无需进行增量同步,第二类是涉及大表以及多表的一次性迁移,第三......
  • 手把手教你如何下载超星学习通课件资料
    前言:很多同学都想知道超星学习通中课程资料怎么下载,但是超星学习通中某个课程的目录中展示的资料是不提供直接下载方式的,所以下面就教大家如何下载目录中展示的资料,包括PPT和PDF。一、电脑登录超星学习通网页版,复制课程链接网页版超星学习通登录入口:【https://i.chaoxing.com】......
  • 串口下载程序 +野火霸道开发板
     开发板跳线:MCU的PA9,PA10分别接USB转串口的RX和TX。BOOT0和BOOT1(PB2)全部接地。  FlyMCU的配置DTR低电平,RTS高电平进bootloader 按复位键,下载的程序运行。 ......
  • 国家标准施工方案建筑图集下载(支持白嫖)
    我一般是不安利任何东西的,但是它除外。相信很多从事建筑业的伙伴工作中,经常会因为找建筑图集,施工方案,国家标准,地方标准等等而头疼。我知道你很疼,但你先别疼,听我娓娓道来!不想听故事的,直接拉到末尾。此站长是一名资深开发程序员,就职于世界500强大厂,有一天他和同村的死党聚餐吃饭,死......
  • jsp中实现文件上传下载的三种解决方案(推荐)
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启浏览器(关闭......
  • 保证数据库和缓存数据一致性
    1.修改数据接口开启事务2.修改数据接口中先修改DB,然后删除redis缓存3.如果删除redis抛异常,就回滚事务4.如果删除redis,redis没有返回结果,不确定是不是删除成功了,抛出异常,回滚事务5.后台界面可以查看数据库的值与缓存的值是否一致,界面有查看,修改数据的功能......
  • python3 获取mongodb表中数据的条数
    说明:此处考虑了时区,mongodb默认使用"格林威治时间"1#!/usr/bin/python323importpymongo4importdatetime5importpytz67#统计8"""9/usr/bin/pip3install-Ivpymongo-ihttp://pypi.douban.com/simple/--trusted-hostpypi.douban.com......
  • 火山引擎DataLeap数据调度实例的 DAG 优化方案 (二):功能设计
    针对上面存在的问题以及对需求的分析,我们可以进行如下的功能实现与设计:首先是渲染方案的替换,将svg的渲染方案替换成canvas渲染,通过减少页面中DOM的数量,提高前端渲染性能。其次是不同场景的功能设计,通过上面的需求分析,火山引擎DataLeap研发人员设计了不同的功能模式以满足......