Как скачать pdf axios?

Question

[maestro07]

const download = (name: string, blob) => {
    const data = new Blob([atob(blob)], { type: 'application/pdf' });
    const url = URL.createObjectURL(data);    console.log(url);
    const link = document.createElement('a');

    link.setAttribute('href', url);
    link.setAttribute('download', name);
    link.addEventListener('click', () => {
      setTimeout(() => {
        URL.revokeObjectURL(url);
      });
    });

    link.click();
  };

реализовал скачивания файла. Но получаю ошибку
Failed to execute 'atob' on 'Window': The string to be decoded contains characters outside of the Latin1 range.

Comments

[Lynn «Кофеман»]

А что такое blob и зачем нужно вызывать atob?

[maestro07]

Lynn «Кофеман», base64 string

[Lynn «Кофеман»]

maestro07, очевидно это не base64, раз у вас ошибка

The string to be decoded contains characters outside of the Latin1 range

[maestro07]

Lynn «Кофеман», base64String

[Lynn «Кофеман»]

maestro07, очевидно это не base64, раз у вас ошибка

The string to be decoded contains characters outside of the Latin1 range

[Alexandroppolus]

maestro07, скорее всего ты что-то путаешь, и blob нифига не строка base64. Что это и откуда взялось? Что ты передал вторым параметром в download?

Answer 1

[Михаил Р.]

Failed to execute 'atob' on 'Window': The string to be decoded contains characters outside of the Latin1 range

В строке имеются символы, которые не поддерживаются в функции atob. Можно предварительно проверять строку на символы, либо можно попробовать так:

const d = (name, blob) => {
    const url = URL.createObjectURL(blob);
    // code
}

Comments

[maestro07]

там есть svg icons в pdf, может из за этого?

[Михаил Р.]

maestro07, проверьте на символы

[maestro07]

Михаил Р., не совсем понял, как проверить?

[Михаил Р.]

maestro07, /^[A-Za-z0-9+/=]+$/.test(blob) что возвращает?

[maestro07]

Михаил Р., false

[Михаил Р.]

maestro07,

if(/^[A-Za-z0-9+/=]+$/.test(blob)) {
    // можно использовать atob
} else {
    // обработать ошибку с символами и затем уже использовать atob
}

[maestro07]

Михаил Р., // обработать ошибку с символами и затем уже использовать atob

удалить со строки?

[Михаил Р.]

maestro07,

удалить со строки?

Да, либо заменить на похожее (если требуется).

Answer 2

[darkenF]

const download = (name: string, blob) => {
    const byteCharacters = new Uint8Array(blob.length);
    for (let i = 0; i < blob.length; i++) {
        byteCharacters[i] = blob.charCodeAt(i);
    }
    
    const data = new Blob([byteCharacters], { type: 'application/pdf' });
    const url = URL.createObjectURL(data);
    console.log(url);
    
    const link = document.createElement('a');
    link.setAttribute('href', url);
    link.setAttribute('download', name);
    
    link.addEventListener('click', () => {
        setTimeout(() => {
            URL.revokeObjectURL(url);
        });
    });

    link.click();
};