blob格式数据转json格式

fightingcoder419

于 2021-10-16 17:11:17 发布

阅读量2.8k

点赞数 1

文章标签： json javascript html

本文链接：https://blog.youkuaiyun.com/fightingcoder419/article/details/120801074

版权

这篇博客探讨了前端在导出Excel时遇到的问题，当数据为0时，后台返回错误信息导致导出失败。文章详细介绍了如何通过检查Blob类型的响应，并使用FileReader将Blob转换为JSON来捕获并处理后台的错误信息。通过监听load事件来确保数据正确解析，从而实现对错误情况的前端处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当前端进行导出Excel时, 由于转换了类型为 blob，将数据流进行导出, 但是当数据为0时,后台将返回错误信息,从而不进行导出，前端要对这样的情况进行单独处理。

但是拿到的数据格式为blob，这时需要前端转换后台相应的blob格式的错误信息。

response代码中json定义如下：

let response = { 
    code: 4000,
    message:'导出失败',
};
let responseblob = new Blob([JSON.stringify(response )], {
    type: 'application/json'
});
console.log(responseblob );

将blob数据转为json数据

if (responseblob.type == 'application/json') {
    let reader = new FileReader();
    reader.onload = function (e) {
      let readerres = reader.result;
      let parseObj = JSON.parse(readerres);
      console.log(parseObj)
    }
    reader.readAsText(responseblob, 'utf-8');
  }

如果load事件不执行的话，就修改为以下写法处理

if (responseblob.type == 'application/json') {
    let reader = new FileReader();
    reader.addEventListener("load", function(e){
      let readerres = reader.result;
      let parseObj = JSON.parse(readerres);
      console.log(parseObj)
    }
    reader.readAsText(responseblob, 'utf-8');
  }