Правильно создавайте и обслуживайте PDF Blob с помощью HTML5 File и URL API

Хорошо, допустим, у меня где-то хранятся данные документа, давайте произвольно возьмемэтот PDF.

Выпуск № 1. Я хочу сделать AJAX-вызов для этого URL (потому что мне нужно передать несколько заголовков аутентификации, и это междоменный домен). Затем возьмите возвращенные данные, создайтеURL-адрес блоба для этого добавьте iFrame к DOM и направьтеsrc на URL-адрес блоба.

В настоящее время мой код выглядит так:

$.ajax({
  url:'http://www.grida.no/climate/ipcc_tar/wg1/pdf/tar-01.pdf'
}).done(function(data){
   var file = new Blob([data], {type:'application/pdf'}),
       url = URL.createObjectURL(file),
       _iFrame = document.createElement('iframe');
      _iFrame.setAttribute('src', url);
      _iFrame.setAttribute('style', 'visibility:hidden;');
      $('#someDiv').append(_iFrame);
});

К сожалению, в iFrame появляется сообщение «Не удалось отобразить PDF».

Выпуск № 2. Я хотел бы, чтобы это привело к загрузке файла. Не уверен, как это гарантировать, учитывая, что PDF-файлы будут просто отображаться в iFrame.

Ответы на вопрос(2)

Ваш ответ на вопрос