blob转成json js_blob转json angular代码

前端实现下载功能,比如下载zip包,excel等,需要将请求的返回类型设置为blob。

如果是正常情况,可以代码中加入a标签来实现blob文件流的下载。 但是异常情况,rest接口返回的json格式的提示信息也成了blob格式的数据,我们想在界面展示提示信息,就必须将blob转换为json。

this.download(name).subscribe()(

res => {

},

err => {

let reader = new FileReader();

reader.onload = e => {

let msg = JSON.parse(e.target["result"] as string)

};

reader.readAsText(err._body);

console.log("");

...

},

() =>{

}

);

我的理解,js,rxjs中各种的回调,异步。 reader.onload注册的是一个回调,reader.readAsText执行后会接着往下执行,但是也会去调用reader.onload的函数。

e.target["result"]就是rest异常情况下返回的json转成的blob对象。

e.target["result"]后面还加了as string,不加as string会报语法错误,string | array无法转换为string。

() => 就和java中的finally一样,最后会被执行。

rxjs的异步处理,如果有2个rest,第2个的处理依赖于第1个请求的结果。   就需要异步转同步,用await,或者写成下面2个rest请求嵌套的格式,不确定有没有更好的方法。

按顺序写2个subscribe,可能执行到第2个subscribe了,第1个的结果还未返回,无法正确的根据第1个的结果来做判断了。

this.download(name).subscribe()(

res => {

this.post(name).subscribe(){

res => {

}

}

},

err => {

// do nothing, just alter

},

() =>{

}

);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值