Как правильно скачать файл в формате XlSX?

Question

[Juniorrrrr]

Доброго времени суток. С бека получаю содержимое файла в формате xlsx, на фронте нужно скачать соответственно его.
Код подготовки файла выглядит так:

const blob = new Blob([excelData], { type: mimeFromHeader });
URL.createObjectURL(blob)

После устанавливаю URL.createObjectURL(blob) в урл тега a.
Проблема возникает после скачивания. Когда пытаюсь открыть файл в Microsoft Excel получаю ошибку, что файл битый.
Подскажите пожалуйста, что делаю не так и как побороть проблему



p.s. Если получать данные файла через постман и сохранять ихруками, то все работает корректно.

Comments

[Александр]

Notepad++: открываем битый и не битый.
Смотрим первые байты.
Предположение:
1) Добавляются кавычки при передачи
2) Кодируется в Базе64 или в zip.
3) может данные вообще не передаются

[Juniorrrrr]

Александр, это содержимое файла.
Кавычек нет, данные есть

[Александр]

Juniorrrrr,
А на Бэке точно такой?
Смотреть Notepad++

[Juniorrrrr]

Александр, не могу сказать точно. Вот два скрина один из response браузера , а другой уже из скаченного файла открытого через notepad++

[Александр]

Juniorrrrr,
1) Вот и первый ответ появился)))
2) У тебе почему то не в архиве данные. Если у файла с расширением xlsx заменить на zip. то он как честный архив распакуется. Попробуй {type: 'application/vnd.ms-excel'}

[Juniorrrrr]

Александр, Пробую так

const blob = new Blob([excelData], {
          type: 'application/vnd.ms-excel',
        });

Но файл всё равно битый. Не совсем понял про данные в архиве. Можете чуть подробнее сказать про это ?

[Александр]

1) Вот как выглядит "чистый" xlsx (с переносом строк)

Есть присутствие: NULNULNULNULNULNULNULNULNULNULNULNULNULNULNUL....
2. Microsoft xlsx это zip архив.

Если у файла с расширением xlsx заменить на zip. то он как честный архив распакуется.

Они честно сжали XML архитектуру данных.

[Александр]

вот еще ...

https://webisfree.com/en/2019-08-01/how-to-downloa...

[MarsFM]

Получилось решить проблему?)
понимаю что уже 3 года прошло, но в друг ответишь )

Answer 1

[granty]

На переполненном стеке вроде как подобную проблему решили преобразованием Excel data file в ArrayBuffer:

var blob = new Blob([s2ab(atob(excelData))], { type: mimeFromHeader });

function s2ab(s) {   // см https://github.com/SheetJS/sheetjs/blob/master/README.md
  var buf = new ArrayBuffer(s.length);
  var view = new Uint8Array(buf);
  for (var i=0; i!=s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
  return buf;
  }

Попробуйте.