javascript - 2/4 Angular handle 资源下载

Question

我在使用 Angular 下载文件时遇到了问题。

使用 Postman 时，文件在正文中正确显示。

我正在使用express函数res.download，我可以下载文件，但它不是一个可用的png，我做错了什么？

我的 Angular 4 实现:

        this.http.post(localhost,{"jabcontent": cert._id})
        .subscribe(
            data => {
                console.log(data.text());
                var blob = new Blob([data.text()], {type: "image/png"});
                FileSaver.saveAs(blob, "test.png" );
                /* var blob = new Blob([data.text()], {type: "image/png"});
                var objectUrl = URL.createObjectURL(blob);
                window.open(objectUrl); */
            }
        )

Answer 1

我明白了。

我的后端是正确的:

         res.download(pathtoFile, filename, (err) => {
            //err handeling
        }); 

我在处理回复时犯了一个错误。响应的映射不正确，我还将响应类型设置为 blob。进行切换是为了保持一致性。

    var headers = new Headers();
    headers.append('xyz', '1234'); //request parameter
    let options = new RequestOptions({ headers: headers, responseType: ResponseContentType.Blob });
    this.http.get('apipath', options)
        .map((response: Response)=> response.blob())
        .subscribe(data => {
            FileSaver.saveAs(data, "filename");
        }
        );