Crie e ofereça adequadamente o blob de PDF por meio de APIs de arquivo e URL de HTML5

Ok, digamos que eu tenha dados de documentos armazenados em algum lugar, vamos tomar arbitrariamenteeste pdf.

Problema 1. O que eu quero fazer é fazer uma chamada AJAX para este URL (porque eu preciso passar alguns cabeçalhos de autenticação e é de domínio cruzado). Em seguida, pegue os dados retornados, crie umURL de blob para isso, acrescente um iFrame ao DOM e direcione osrc para o blob url.

Atualmente meu código é assim:

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

Infelizmente, estou recebendo um 'Falha ao renderizar PDF' no iFrame.

Questão nº 2. Eu gostaria que isso resultasse em um prompt de download de arquivo. Não tenho certeza de como garantir isso, pois os PDFs serão exibidos apenas no iFrame.

questionAnswers(2)

yourAnswerToTheQuestion