Cree y sirva correctamente PDF Blob a través de las API de archivos y URL de HTML5
Ok, digamos que tengo datos de documentos almacenados en algún lugar, tomemos arbitrariamenteeste pdf.
Problema # 1. Lo que quiero hacer es hacer una llamada AJAX a esta URL (porque necesito pasar algunos encabezados de autenticación y es de dominio cruzado). Luego toma los datos devueltos, crea unblob url para ello, agregue un iFrame al DOM y dirija elsrc
a la url blob.
Actualmente mi código se ve así:
$.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);
});
Desafortunadamente, obtengo un 'Fallo al renderizar PDF' en el iFrame.
Problema # 2. Me gustaría que esto resulte en un aviso de descarga de archivos. No estoy seguro de cómo garantizar esto, dado que los PDF, naturalmente, solo se mostrarán en el iFrame.