Хорошо, скажем, у меня есть данные документа, которые где-то хранятся, пусть произвольно возьмет этот pdf.
Проблема №1. Я хочу сделать вызов AJAX для этого URL (потому что мне нужно передать некоторые заголовки аутентификации, и это перекрестный домен). Затем возьмите возвращаемые данные, создайте blob url для этого, добавьте iFrame в DOM и направьте src
на url blob.
В настоящее время мой код выглядит следующим образом:
$.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);
});
К сожалению, я получаю сообщение "Failed to Render PDF" в iFrame.
Проблема №2. Я бы хотел, чтобы это привело к запросу загрузки файла. Не уверен, как гарантировать это, учитывая, что PDF естественно будет отображаться в iFrame.