Angular / Javasript: скачать существующий CSV-файл с сервера

Question

Я хочу разрешить посетителю загружать файл CSV с сервера с помощью Angular 7.

Я видел несколько веб-сайтов, но большинство из них объясняют, как динамически создавать файл CSV из данных и использовать создание BLOB-объектов, чем загружать папку. ,Но у меня уже есть файл CSV на сервере, и я хочу загрузить его со стороны сервера на сторону клиента.

Answer 1

Для сохранения файла вы можете использовать пакет, такой как файл-заставка:

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);
}

Для загрузки файла используйте массив буферов ::

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