1

С бэка аяксом беру (xlsx) файл, приходит в виде: responseText

Мне необходимо сохранить его на клиенте. Если сделать без аякса window.open('/api/getbyuuid/0e0ca8e1-176 ...', '_blank'), то файл автоматически скачивается и открывается без проблем. Я же пытаюсь сделать через new Blob():

Ext.Ajax.request({
  url: '/api/ks/share/' + record.id,
  method: 'GET',
  success: function (response, opts) {
    // console.log(response.responseText)
    let type = response.getResponseHeader('Content-Type'),
      blob = new Blob([response.responseText], { type: type }),
      disposition = response.getResponseHeader('Content-Disposition'),
      filename = disposition
        .slice(disposition.indexOf('=') + 1, disposition.length)
        .replace(/['"]/g, '')

    if (typeof window.navigator.msSaveBlob !== 'undefined') {
      window.navigator.msSaveBlob(blob, filename);
    } else if (filename) {
      let URL = window.URL || window.webkitURL,
        downloadUrl = URL.createObjectURL(blob),
        a = document.createElement('a');
      a.href = downloadUrl;
      a.target = '_blank';
      a.download = filename;
      document.body.appendChild(a);
      a.click();
      a.parentNode.removeChild(a);

      setTimeout(() => { URL.revokeObjectURL(downloadUrl) }, 100);
    }
  },
  failure: function (response, opts) {
    console.log(response);
  }
});

Файл сохраняет, но при попытке открыть выдает ошибку:

Ошибка 1

При нажатии на "Да":

Ошибка 2

3
  • Сравните побайтово файлы: оригинал и битый. Для начала можете просто размеры сравнить. Commented 8 июн. 2021 в 6:14
  • @ГеннадийП Поизучал еще данный вопрос, файл приходит в два раза больше оригинала, но это не проблема, тут дело в кодировании символов при передаче. Дело в том что через обычный ajax запрос это не всегда получается, поигрался с параметрами запроса responseType: 'blob', но и это не помогло.
    – xzdwq
    Commented 8 июн. 2021 в 6:27
  • Есть решение этого вопроса через fetch
    – xzdwq
    Commented 8 июн. 2021 в 6:28

1 ответ 1

0

Это работает для меня

fetch('/api/ks/share/' + record.id,)
      .then(resp => resp.blob())
      .then(blob => {
        let URL = window.URL || window.webkitURL,
            downloadUrl = URL.createObjectURL(blob),
            a = document.createElement('a');
        a.href = downloadUrl;
        a.target = '_blank';
        a.download = record.id;
        document.body.appendChild(a);
        a.click();
        a.parentNode.removeChild(a);
        setTimeout(() => { URL.revokeObjectURL(downloadUrl) }, 100);
      })
      .catch((err) => {
        console.log(err);
      });

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.