在 Angular 7 中实现文件下载可以使用以下代码示例:
file-saver
和 @angular/http
包:npm install file-saver --save
npm install @angular/http --save
import { Component } from '@angular/core';
import { Http, ResponseContentType } from '@angular/http';
import { saveAs } from 'file-saver';
export class MyComponent {
constructor(private http: Http) {}
downloadFile() {
const fileUrl = 'http://example.com/file.pdf'; // 替换为你的文件 URL
const fileName = 'file.pdf'; // 替换为你想要保存的文件名
this.http.get(fileUrl, { responseType: ResponseContentType.Blob })
.subscribe((res) => {
const fileBlob = res.blob();
saveAs(fileBlob, fileName);
});
}
}
在上面的代码中,我们使用 http.get()
方法来获取文件的 Blob
数据,并使用 saveAs()
方法保存文件。
downloadFile()
方法来触发文件下载:
这样,当用户点击按钮时,文件将会被下载到他们的设备中。
请确保替换示例代码中的文件 URL 和文件名为你自己的文件 URL 和文件名。
希望这个示例能帮助到你!