JavaScript Скачать файл из строки Base64 не работает в IE - PullRequest
Новая
       21

JavaScript Скачать файл из строки Base64 не работает в IE

0 голосов
/ 08 мая 2020

Хотите сохранить / загрузить Base64 как файл pdf, используя javascript. Код ниже работает в chrome, но не в IE. Я пробовал много разных способов, но не работал в inte rnet explorer.

Что не так с IE? 

function Base64ToPdf(fileName, base64String) {
    const linkSource = "data:application/pdf;base64," + base64String;
    const downloadLink = document.createElement("a");

    downloadLink.href = linkSource;
    downloadLink.download = fileName;
    downloadLink.click();
  }


// Test 
var string = 'Hello World!';
var encodedString = btoa(string);

Base64ToPdf("test.pdf", encodedString);

Я пробовал использовать { ссылка }, который также не работает в IE.

1 Ответ

1 голос
/ 08 мая 2020

Я пробовал много решений для загрузки Base64 в PDF, но безуспешно для IE. Наконец, я решил сначала преобразовать Base64 в Blob, и он отлично работает в IE 11 и chrome.

Полный код выглядит как TS: 

export class FileHelper {
  static Base64ToPdf(fileName: string, base64String: string) {
    if (window.navigator && window.navigator.msSaveBlob) {
      const blob = this.Base64toBlob(base64String);
      window.navigator.msSaveBlob(blob, fileName);
    } else {
      const linkSource = "data:application/pdf;base64," + base64String;
      const downloadLink = document.createElement("a");
      downloadLink.href = linkSource;
      downloadLink.download = fileName;
      downloadLink.click();
    }
  }

  static Base64toBlob(
    b64Data: string,
    contentType = "application/pdf",
    sliceSize = 512
  ) {
    const byteCharacters = atob(b64Data);
    const byteArrays = [];

    for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
      const slice = byteCharacters.slice(offset, offset + sliceSize);

      const byteNumbers = new Array(slice.length);
      for (let i = 0; i < slice.length; i++) {
        byteNumbers[i] = slice.charCodeAt(i);
      }

      const byteArray = new Uint8Array(byteNumbers);
      byteArrays.push(byteArray);
    }

    const blob = new Blob(byteArrays, { type: contentType });
    return blob;
  }
}
...