Prawidłowo twórz i udostępniaj PDF Blob za pomocą plików HTML5 i API URL

Ok, powiedzmy, że mam gdzieś przechowywane dane dokumentu, niech to będzie dowolnieten pdf.

Problem 1. Chcę wykonać wywołanie AJAX na ten adres URL (ponieważ muszę przekazać kilka nagłówków uwierzytelniania i jest to domena krzyżowa). Następnie pobierz zwrócone dane, utwórzblob url do tego dołącz iFrame do DOM i kierujsrc do adresu blob.

Obecnie mój kod wygląda tak:

$.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);
});

Niestety, w ramce iFrame otrzymuję komunikat „Nie udało się renderować pliku PDF”.

Numer 2. Chciałbym, aby skutkowało to monitem o pobranie pliku. Nie wiem, jak to zagwarantować, biorąc pod uwagę, że pliki PDF będą naturalnie wyświetlane tylko w iFrame.

questionAnswers(2)

yourAnswerToTheQuestion