Угловая загрузка node.js response.sendFile

На данный момент моя служба nodejs делает это:

...
fs.writeFileSync('filelocation/data.xlsx', theData, 'binary');
reponse.sendFile('filelocation/data.xlsx');
reponse.download('filelocation/data.xlsx'); // I tried this one also
...

Но как теперь загрузить это из внешнего интерфейса Angular с помощью HttpClient? Это не работает:

this.httpclient.get(url).subscribe(response => {
  console.info(response); // Or whatever I need to do to download the file
});

Я хочу, чтобы вызов вызывал проводник, чтобы я мог сохранить файл. Как мне заставить это работать? Если вам нужна дополнительная информация от меня, просто дайте мне знать, пожалуйста.

Эта ссылка может помочь stackoverflow.com/questions/35138424/…

— 21.05.2019 08:31

Это не регистрирует ответ или регистрирует ответ, но вы не знаете, как открыть диалоговое окно сохранения (открыть проводник)? - решения двух условий сильно различаются

— 21.05.2019 09:07

node.js angular-httpclient

21.05.2019 07:44

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

1 298

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

создайте component.ts и передайте имя файла в fileService. внутри fileService создайте функцию загрузки и, используя это, передайте имя файла на внутренний сервер. Файл можно скачать с помощью «сохранить как». Установите файловую заставку (npm установить файл-сохранитель --save) и импортируйте «saveAs» во внешний компонент.

Download(filename){
    console.info(filename);
    this.fileService.download(filename).subscribe((data)=>{
        console.info(data);
        saveAs(data, filename);
    });
}

Компонент.ts

download(filename){
    const fileObj = {
        filename : filename
    };
    console.info(fileObj);
    return this.http.post(`http:localhost:3000/download`, fileObj, {
        responseType : 'blob',
    });
}

файлService.ts

app.post('/download', (req, res, next) => {
    console.info('here');
    filepath = path.join(__dirname,'../uploadedFiles') + '/' + req.body.filename;
    console.info(filepath);
    res.sendFile(filepath);
});

Сервер.js

21.05.2019 09:00