Angular 2从URL下载文件

Question

嗨，我已经将Angular / Ionic 2+应用程序连接到了Amazon S3。 在我的应用程序中，当我要下载文件时，后端会提供一个由S3生成的唯一的预签名URL。 看起来像这样：

https://s3.ap-southeast-2.amazonaws.com/test%2F1/435345345-4545-4aa8-8a8a-etertertttrt-4addd157-ac38-41fd-5454-8ffa709ee77fcsdfsdfa ...

我的问题是，一旦获得网址，如何通过组件以编程方式下载文件？ 到目前为止，我已经尝试过但没有运气：

window.open(url, '_blank');

和

getFile(url: string): void {
    this.http.get(url)
    .map((res) => {
        return new Blob([res.blob()], { type: 'image/jpeg' })
    })
    .subscribe(res => {
      saveAs(res,'test.jpg');
      let fileURL = URL.createObjectURL(res);
      window.open(fileURL);
    }, error => {
        console.log(error);
    });
    console.log('Get File http');
  }

使用上面的代码，我得到一个错误：请求主体既不是Blob也不是数组缓冲区。

感谢任何帮助。

Answer 1

看一下File Transfer Plugin 。

这用于在Ionic 2应用程序中下载文件。 请注意，目前该插件的最新版本（1.7.0）中存在一个错误，该错误会在您构建应用程序时出现。 我目前正在使用1.6.3版。 因此，使用以下命令安装插件：

Ionic cordova plugin add cordova-plugin-file-transfer@1.6.3