Spring事务管理问题 You are modifying database data. Please open the transaction.

无线智能终端技术,飞睿科技代理乐鑫WiFi,物联网WiFi芯片模组应用

  返回  

如何将blob返回值转换为json格式

2021/8/20 15:06:49 浏览:

今天遇到一个问题,前端通过调取后端接口下载excel,后端返回的是两种情况:

(1)用户权限不足,后端返回json格式,如下图:
在这里插入图片描述
(2)有权限,能够正常下载,后端返回二进制流,如下图:
在这里插入图片描述
封装axios时, responseType: ‘blob’,将影响第一种情况读取reponse为blob,不能直接读取code和msg,此时就需要将blob的内容转成文件读取,不能取消responseType: ‘blob’,取消会影响正常下载
在这里插入图片描述
调接口,根据response.data里的type去判断,返回的类型

  if(response.data.type=='application/json'){
    const reader  = new FileReader();  //创建一个FileReader实例
     reader.readAsText(response.data, 'utf-8'); //读取文件,结果用字符串形式表示
     reader.onload=function(){//读取完成后,**获取reader.result**
      const  {msg}  = JSON.parse(reader.result);
      this.$Message.error(msg); //弹出错误提示
     }
   }

如果需要显示二进制流:

 var blob = new Blob([response.data]);
 var downloadElement = document.createElement("a");
 var href = window.URL.createObjectURL(blob); //创建下载的链接
 downloadElement.href = href;
 downloadElement.download = "下载的文件"+ ".xlsx"; //下载后文件名
 document.body.appendChild(downloadElement);
 downloadElement.click(); //点击下载
 document.body.removeChild(downloadElement); //下载完成移除元素
 window.URL.revokeObjectURL(href); //释放掉blob对象

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号