首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用angular的2+ @angular/http模块接收blob响应?

如何使用angular的2+ @angular/http模块接收blob响应?
EN

Stack Overflow用户
提问于 2015-12-08 14:53:30
回答 3查看 81.2K关注 0票数 31

我正在尝试从angular 2应用程序中提供一个pdf下载...

下面的代码可以工作:

代码语言:javascript
复制
    var reportPost = 'variable=lsdkjf';

    var xhr = new XMLHttpRequest();

    xhr.open("POST", "http://localhost/a2/pdf.php", true);
    xhr.responseType = 'blob';
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    xhr.onreadystatechange = function() {//Call a function when the state changes.
        if(xhr.readyState == 4 && xhr.status == 200) {
            var blob = new Blob([this.response], {type: 'application/pdf'});
            saveAs(blob, "Report.pdf");
        }
    }

    xhr.send(reportPost);

但我希望使用angular 2的内置Http客户端。

一个小小的研究:

rxjs

参数似乎只包含和json:

  • :responseType

和一些测试代码:

代码语言:javascript
复制
    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');

    this.http.post('http://localhost/a2/pdf.php', reportPost,  {
        headers: headers
        })
        .retry(3)
        // .map( (res:any) => res.blob() ) // errors out
        .subscribe(
          (dataReceived:any) => {
            var blob = new Blob([dataReceived._body], {type: 'application/pdf'});
            saveAs(blob, "Report.pdf");
          },
          (err:any) => this.logError(err),
          () => console.log('Complete')
        );

ps。saveAs函数来自这里:https://github.com/eligrey/FileSaver.js

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34149741

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档