首页 > 其他分享 >导出Excel,下载文件,返回文件流和报错信息处理

导出Excel,下载文件,返回文件流和报错信息处理

时间:2023-05-26 17:24:37浏览次数:54  
标签:文件 console self Excel resData 报错 downloadElement type 下载

  downloadExcelCreateA (resData, fileName) { // 下载文件
            var blob = new Blob([resData],{ type: 'application/vnd.ms-excel' })
            var downloadElement = document.createElement('a');
            var href = window.URL.createObjectURL(blob); //创建下载的链接
            downloadElement.href = href;
            downloadElement.download = fileName; //下载后文件名
            document.body.appendChild(downloadElement);
            downloadElement.click(); //点击下载
            document.body.removeChild(downloadElement); //下载完成移除元素
            window.URL.revokeObjectURL(href); //释放掉blob对象 
        },
   downloadPreExcelBlob () {
        //   return  console.log(this.searchForm, 'searchform')
            let self = this
            self.fullscreenLoading = true;
            let load = esp.url
            this.$axios({
                url: load,
                params: this.searchForm,
                method: 'get',
                responseType: 'blob',
            })
            .then(function(response) {// 成功
                const resData = response.data
                const fileReader = new FileReader()
                fileReader.onloadend = () => {
                    if (resData.type === 'application/json') {
                    let jsonData = JSON.parse(fileReader.result) // 说明是普通对象数据,后台转换失败
                    // 后台信息
                    // console.log(jsonData)
                    let type = 'error'
                    jsonData.code == 200 ? type = 'success' : 'error'
                    self.$message({
                        message: jsonData.data || '系统维护中,稍后再来吧!',
                        showClose: true,
                        type: type,
                        duration: 3000
                    });
                } else {
                    // 下载文件
                    self.downloadExcelCreateA(resData, '预约导出.xls')
                    self.fullscreenLoading = false;
                }}
                // console.log(resData)
                fileReader.readAsText(resData)
                self.fullscreenLoading = false;
            }).catch(function(error) {
                self.fullscreenLoading = false;
                console.log(error)
            });
        },

  

标签:文件,console,self,Excel,resData,报错,downloadElement,type,下载
From: https://www.cnblogs.com/everseventh/p/17435296.html

相关文章

  • C++文件流结构体序列化,并查集,LRU缓存
    c语言中的文件操作中用fprintf将数据写入到文件中,用fscanf将文件读入内存中,而c++中也有ostream和istream作为键盘流输入,屏幕流输出,对于文件也有ofstream/istream来进行相关的操作.如图:图中表示将一个结构体的的数据输入到文件中,并从文件中读取数据,并用得到的数据初始化一......
  • 文件句柄(File Handle)
     文件句柄(FileHandle)是操作系统中用于访问文件的一种数据结构,通常是一个整数或指针。文件句柄用于标识打开的文件,每个打开的文件都有一个唯一的文件句柄。在Linux和Unix系统中,文件句柄是通过调用open()系统调用打开文件时返回的。当打开一个文件时,操作系统会为该文件分......
  • EasyDSS调用录像回看接口出现报错“请先合成mp4”,是什么原因?
    EasyDSS支持一站式的上传、转码、直播、回放、嵌入、分享功能,具有多屏播放、自由组合、接口丰富等特点。平台可以为用户提供专业、稳定的直播推流、转码、分发和播放服务,全面满足超低延迟、超高画质、超大并发访问量的要求。有用户反馈,在调用录像回看接口中的指定时间段录像播放及......
  • springboot添加多个环境的配置文件
    1,在resources目录下面新建application.properties,application-dev.properties,application-pre.properties,application-prod.properties2,在application.properties只添加一行要激活的环境,其他不用添加spring.profiles.active=dev3,其他属性文件根据需要配置不同的属性......
  • 前端vue中实现文件下载的几种方法 四种方法, a.download = "重新下命名下载文件名"
    前端vue中实现文件下载的几种方法原文链接:https://blog.csdn.net/weixin_46074961/article/details/105677732第一种前端创建超链接,通过a标签向后端发送get请求,需要给a标签添加一个download属性这种写法是创造了一个a标签,把地址写到a标签里再用js调用点击,实现访问文件地址......
  • EasyDSS如何调用接口获取录像MP4文件合成状态?
    EasyDSS互联网视频云服务的视频直播/点播功能支持视频采集、编辑、上传、媒体资源管理、自动化转码处理、分发服务等,帮助用户快速搭建拥有极致观看体验、安全可靠的视频直播点播应用。有用户反馈在调用接口时,会出现合成中的字样,并不知道合成的录像MP4文件是否已经合成完毕。今天我......
  • 近2万条情感的秘密故事网站ACCESS\EXCEL数据库
    今天从一个情感的秘密故事网站采集了一些数据,采集这些数据的原因是因为这些情感上的秘密感觉挺吸引人的,尽管自己的情感可能是“正经”的,但是通过阅读别人情感上的那些秘密故事,也是可以丰富生活的。数据量有些大,而且也有分类,分类统计情况为:感情婚姻(2139)、工作职场(436)、家庭教育(457......
  • MAUI Android 关联文件类型
    实现效果打开某个文件,后缀是自己想要的类型,在弹出的窗口(用其它应用打开)的列表中显示自己的应用图标点击后可以获得文件信息以便于后续的操作实现步骤以注册.bin后缀为例,新建一个MAUI项目调整启动模式修改Platforms\Android\MainActivity.cs[Activity(Theme="@style......
  • Python:简单的文件备份脚本
    文件备份脚本,实现了按照日期归类,时间建备份文件的功能,还能加入用户的备注信息。#!/usr/bin/python#Filename:backup_ver3.pyimportosimporttime#1.sourcefilewhichtobebackedup.source=['/home/shibo/Code']#2.targetpathwhicharebackedupto.target_dir......
  • 一份采用单例模式编写,可读取配置文件的代码
    Confaccess.h#ifndef__CONFACCESS_H__#define__CONFACCESS_H__#include<pthread.h>#include<stdlib.h>#include<string>#include<map>classCConfAccess{public:staticCConfAccess*getInstance(){......