Ok, nehmen wir an, ich habe Dokumentendaten irgendwo gespeichert, nehmen wir sie willkürlichdieses pdf.

Fehler 1. Ich möchte diese URL über AJAX aufrufen (da ich einige Authentifizierungsheader übergeben muss und sie domänenübergreifend sind). Nehmen Sie dann die zurückgegebenen Daten und erstellen Sie eineBlob-URL Hängen Sie dafür einen iFrame an das DOM an und leiten Sie dassrc zur Blob-URL

Derzeit sieht mein Code so aus:

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

Leider wird im iFrame die Meldung "PDF konnte nicht gerendert werden" angezeigt.

Problem Nr. 2. Ich möchte, dass dies zu einer Dateidownload-Aufforderung führt. Ich bin nicht sicher, wie ich das garantieren soll, da PDFs natürlich nur im iFrame angezeigt werden.