blob数据与json数据互相转换

李大玄

已于 2023-03-28 09:35:06 修改

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： json 做一个有知识的流氓

于 2021-08-25 14:03:09 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43553701/article/details/119909767

javascript 专栏收录该内容

37 篇文章

订阅专栏

这篇博客探讨了在前端进行Excel数据导出时遇到的问题。当数据为0时，后端会返回错误，阻止导出。文章通过示例展示了如何使用axios获取blob数据，并将其转换为json对象进行处理，涉及到了FileReader API的使用。

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

果腹尚无出路，何谈家国艺术。

使用场景:
当前端进行导出Excel时, 由于转换了类型为 blob所有将数据流进行导出, 但是当数据为0时,后台将返回错误信息,从而不进行导出

// 导出发送记录
export function exportSendRecord(params) {
  return axios.get('/exportSendRecord', {params, responseType: 'blob'});
}

let user = { 
    name: 'lidaxuan',
    sex: '男',
    year: '18'
};
var userblob = new Blob([JSON.stringify(user)], {
    type: 'application/json'
});
console.log(userblob);

在这里插入图片描述
将blob数据在转为json数据

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