Vue 解决文件下载,接口返回错误信息,弹框提示错误信息

import {getOutExcel} from '@/utils'
 methods:{
    exportfile(){
        let params={
            "xxx":xx,
            "xx": xx,
        }
        exportFiles(params,res=>{//文件下载接口
            // 将blob转成字符串
            let reader = new FileReader();// 读取文件内容
            reader.readAsText(res.data)//读取文本文件 res.data 接口返回值
            reader.onload=(result)=>{//onload:文件读取成功时触发
                try{
                    let jsonData=JSON.parse(result.target.result);
                    if(jsonData.errMsg) {
                        message.error(jsonData.errMsg)
                    }
                }catch(err) {
                    getOutExcel("xx.xlsx", res.data);
                }
            }
        },fail=>{})
    },	 
 }

/**

注:
1:FileReader : 读取文件内容
readAsText() 读取文本文件,(可以使用Txt打开的文件)
readAsBinaryString(): 读取任意类型的文件,返回二进制字符串
readAsDataURL: 方法可以将读取到的文件编码成DataURL ,可以将资料(例如图片、excel文件)内嵌在网页之中,不用放到外部文件
abort: 中断读取

2:FileReader 提供一个完整的事件模型,用来捕获读取文件的状态
onabort:读取文件断片时触发
onerror:读取文件错误时触发
onload:文件读取成功时触发
onloadend:文件读取完毕之后,不管成功还是失败触发
onloadstart: 开始读取文件时触发
onprogress:读取文件过程中触发

**/

utils.js

// 二进制流  转换成excel
    /* fileName : 文件名 res:二进制流 */
  export function getOutExcel(fileName, res) {
    let blob = new Blob([res], { type: 'application/x-xls' });
    if (window.navigator.msSaveOrOpenBlob) {
        //兼容 IE & EDGE
        navigator.msSaveBlob(blob, fileName);
    } else {
        var link = document.createElement('a');
        // 兼容不同浏览器的URL对象
        const url = window.URL || window.webkitURL || window.moxURL
        // 创建下载链接
        link.href = url.createObjectURL(blob);
        //命名下载名称
        link.download = fileName;
        //点击触发下载
        link.click();
        //下载完成进行释放Q
        url.revokeObjectURL(link.href);
    }
}

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值