Angular/Javasript：从服务器下载现有的 csv 文件

Question

我想允许访问者使用 Angular 7 从服务器下载 CSV 文件。

我见过很少的网站，但大多数网站都解释说从数据动态创建 CSV 文件并使用 blob 创建而不是下载文件夹。但我在服务器上已经有 CSV 文件，想从服务器端下载到客户端。

Answer 1

要保存文件，您可以使用 file-saver 之类的包：

npm install file-saver --save
import { saveAs } from 'file-saver/FileSaver';

你的函数可以是这样的：

downloadCSV(data: any) {
    const blobData = new Blob([data], { type: 'text/csv' });
    const url = window.URL.createObjectURL(blobData);
    saveAs(blobData, "file_name.csv");
    return window.open(url);
}

要下载文件，请使用 arraybuffer::

getFile() {
    this.httpClient.get(url, {responseType: 'arraybuffer',headers:headers})
    .subscribe(
        (data) => this.downloadCSV(data), 
        (error) => // Handle error)
    );
}