相关疑难解决方法(0)

我有新的发展角度4.我已经面临的问题,同时获得约显示器image.In API API响应,图像文件的输入流文件,我不知道该如何找回它并正确显示.

你能解决吗？

我试过这个:

• Image.Component.ts:

  this.http.get('http://localhost:8080/xxx/download/file/596fba76ed18aa54e4f80769')
           .subscribe((response) => { var blob = new Blob([response.text()], {type: "image/png"});
             console.log(blob);
             console.log(window.btoa(blob.toString()));           
  });
  

  Run Code Online (Sandbox Code Playgroud)

结果=> W29iamVjdCBCbG9iXQ==,但格式不正确

并尝试了这个:

this.http.get('http://localhost:8080/xxx/download/file/596fba76ed18aa54e4f80769').map(Image=>Image.text())
  .subscribe(data => {
    console.log((data.toString()));   
});

像这样的结果=>

 ????\ExifII*??7                                                      ??DuckyK??fhttp://ns.adobe.com/xap/1.0/<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02/06-14:56:27        "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmpMM:OriginalDocumentID="xmp.did:0280117407206811A2188F30B3BD015B" xmpMM:DocumentID="xmp.did:E2C71E85399511E7A5719C5BBD3DDB73" xmpMM:InstanceID="xmp.iid:E2C71E84399511E7A5719C5BBD3DDB73" xmp:CreatorTool="Adobe Photoshop CC 2014 (Windows)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:7092a9cd-b3fd-bb49-b53c-9b6e1aa1ac93" stRef:documentID="adobe:docid:photoshop:40615934-3680-11e7-911d-f07c687d49b8"/> <dc:rights> <rdf:Alt> <rdf:li xml:lang="x-default">                                                      </rdf:li> </rdf:Alt> </dc:rights> <dc:creator> <rdf:Seq/> </dc:creator> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>???Photoshop 3.08BIMJZ%Gt6                                                      8BIM%?<".}???z?????Adobed???? …

我正在学习Angular 2 Beta.我想知道如何从API下载PDF文件并在我的视图中显示它？我试图使用以下内容提出请求:

    var headers = new Headers();
    headers.append('Accept', 'application/pdf');
    var options = new ResponseOptions({
        headers: headers
    });
    var response = new Response(options);
    this.http.get(this.setUrl(endpoint), response).map(res => res.arrayBuffer()).subscribe(r=>{
       console.log(r);
    })

• 请注意,我只使用它console.log来查看值r

但我总是收到以下异常消息:

"arrayBuffer()"方法未在Response超类上实现

是因为Angular 2 Beta中尚未准备好该方法吗？或者我犯了什么错误？

任何帮助,将不胜感激.非常感谢你.