Почему при скачивании PDF файлов больших размеров они становятся битые?

Question

[GaserV]

Такая проблема. Есть PDF размером 3kb и другой размером в 5.5mb. Первый открывается, второй - битый. Сам файл получаю с бэка:

api.get(`files/${id}`).then((r) => {
      const url = window.URL.createObjectURL(new Blob([r.data]));
      const link = document.createElement('a');

      link.href = url;
      link.setAttribute('download', name);
      document.body.appendChild(link);
      link.click();
      link.parentNode?.removeChild(link);
    });

Content-type в response headers такой:
content-type: text/html; charset=UTF-8

Answer 1

[Aetae]

Ты получаешь бинарник как текст в кодировке utf8, я правильно тебя понял?
Ничего не кажется тебе в этом деле странным?)

Полагаю файл бьётся на этапе преобразования - прочитать бинарник как utf8 - закодировать получившийся текст как из utf8 как бинарник.

Что у тебя скрывается под api? Axios? Сделай так:

api.get(`files/${id}`, {
  responseType: 'blob'
}).then((r) => {
  const url = URL.createObjectURL(r.data);
  // ...

Comments

[GaserV]

не силен в этих кодировках) Файл получаю с бэка в таком виде:

[Aetae]

GaserV В кодировках всё просто: определённый набор единичек в файле читается как буква. В случаях простых кодировок можно прочитать любой файл и просто получить произвольный набор букв и символов, которой можно сохранить обратно без потерь один к одному. Но сложные современные юникод кодировки (со всякими эмодзи и проч.) читаются и сохраняются по определённым правилам и имеют определённые "зарезервированные" последовательности, а потому то, что прочиталось уже, в определённых случаях, не равно тому что сохранилось.

[Aetae]

GaserV, поправил ответ. Также на сервере тебе стоит настроить mime type для .pdf(application/pdf) чтоб можно было нормально скачивать\просматривать по прямой ссылке, а не смотреть на потроха.

[GaserV]

спасибо тебе добрый человек! Пол дня возился с этим)

[Aetae]

Виктор Л, вторая часть нужна ток для открытия в браузере, а на скачку и так сойдёт.)

Answer 2

[Владимир Коротенко]

Я бы сказал что на этой границе стоит какой то лимит. Либо запроса либо ответа.
Открывайте в бинарном редакторе и смотрите. Скорее всего либо мусор либо еще что то.

Для определения используйте что то типа KDiff3

Comments

[GaserV]

в постмане вроде как отрабатывает. Файл скачивается не поврежденным

[Владимир Коротенко]

GaserV, скачивайте где ошибка, и сравнивайте полностью, то есть найдите слабое звено, а потом тем же curl попробуйте повторить