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。

 

       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
   },
   =>{

  }
);

  

blob转json angular代码

上一篇:html+css常用小项目


下一篇:9.15 2020 实验 2:Mininet 实验——拓扑的命令脚本生成