Используйте Axios, чтобы получить и сохранить файл Excel

Я использую response и axios, чтобы выполнить POST для службы php, которая вернет файл .xlsx. Файл .xlsx создается на сервере правильно, но во время обратной передачи он повреждается, через инспектор Chrome данные, кажется, преобразуются в строку, и в результате меняются многие символы. Есть ли способ сделать это? Вещи, которые я пробовал:

Заголовки по запросу

'Accept': 'application/octet-stream',
'responseType': 'blob',

С объектом ответа

fileDownload(new Blob([response.data]), 'report.xlsx');

В качестве альтернативы объекту ответа

const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.xlsx');
link.click();

Независимо от того, что я пытаюсь, кажется, что он поврежден. На стороне сервера у меня есть следующий PHP-код:

$response = new Stream();
$response->setStream(fopen($tempFilePath, 'r'));
$response->setStatusCode(200);
$response->setStreamName($tempFilePath);
$responseHeaders = new Headers();
$responseHeaders->addHeaders(array(
    'Content-Disposition' => 'attachment; filename='report.xlsx',
    'Content-Type' => 'application/octet-stream',
    'Content-Length' => filesize($tempFilePath),
    'Expires' => '@0', 
    'Cache-Control' => 'must-revalidate',
    'Pragma' => 'public'
));
$response->setHeaders($responseHeaders);
return $response;

У @brocoli_rob было решение ниже, это был не заголовок Accept, а не использование помощника axios.post, а вместо этого указание всего в обычном вызове axios, чтобы вы могли отделить конфигурацию заголовка от элемента конфигурации responseType.

Mike B 26.09.2018 18:31
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
4
1
9 661
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Попробуйте удалить responseType из заголовков и добавить его прямо в свой объект параметров, который вы передаете в axios:

axios({
    method:'GET',
    url: '[your_url_to_get_file]',      
    responseType: 'blob', 
    headers: { your headers }
})

Вдобавок к этому, я бы попытался использовать application/vnd.openxmlformats-officedocument.spreadsheetml.sheet в качестве типа контента вместо octect-stream. Я никогда не пробовал octect-stream, но тот, о котором я упоминал, всегда работал у меня с файлами .xlsx.

Для справки о типах MIME см. здесь.

const axios = require('axios');
const fs = require('fs');

const getXLS = () => {
    return axios.request({
    responseType: 'arraybuffer',
    url: 'https://drive.google.com/ft7P9FAQ/view?usp=sharing',
    method: 'get',
    headers: {
    'Content-Type': 'blob',
    },
  }).then((result) => {
      const outputFilename = 'xyzzzz.xls';
      fs.writeFileSync(outputFilename, result.data);
      return outputFilename;
    });
  }

  getXLS();

Другие вопросы по теме