如何在我的angularjs应用程序发送的iOS上显示PDF(Blob)

Question

我的Angular 1.5应用程序通过REST连接到Java/Tomcat/Spring后端服务器.

一个REST服务生成PDF并将其发送到客户端.它在DEsktop浏览器(至少是FF,Chrome)上工作正常但我无法在iOS(例如ipad)上看到PDF内容,无论我使用哪种浏览器(Chrome,Safari ..)

这是Angular代码:

$http.get("/displayPdf", {responseType: 'arraybuffer', params: {id: 1}}).
 success(function(data) {
   var blob = new Blob([data], {type 'application/pdf'});
   var objectUrl =  window.URL.createObjectURL(blob);
   window.open(objectUrl);
 }
);

Spring/Jax-RS代码是:

@GET
@Path("displayPdf")
@Produces("application/pdf")
Response displayPdf(@QueryParam("id") Long id) {
  byte[] bytes = service.generatePdf(); 
  return javax.ws.rs.core.Response.ok().
    entity(bytes).
    header("Content-Type", "pdf").
    header("Content-Disposition", "attachment; filename='test.pdf'").
    build();
}

我在这里完成了我的研究(例如AngularJS:在角应用程序中显示blob(.pdf))但找不到合适的解决方案.

所以,请问您应该怎么做才能将生成的PDF显示给我的iPad/iPhone最终用户？

非常感谢

Answer 1

上面提出的解决方案都没有对我有用.

主要问题来自URLiOS中无法正确检索.以下代码执行正确的工作:

window.URL = window.URL || window.webkitURL;

即使这样,它也无法在Chrome iOS上运行,也不适用于Opera iOS ......所以在挖掘互联网并启发以下问题之后:

• Blob createObjectURL下载在Firefox中不起作用(但在调试时有效)
• 如何在Chrome iOS上打开Blob网址
• 在角度应用中显示blob(.pdf)

...我终于结束了下面的代码(在除FF iOS上的所有iOS浏览器中工作):

if (window.navigator.msSaveOrOpenBlob) { //IE 11+
  window.navigator.msSaveOrOpenBlob(blob, "my.pdf");
} else if (userAgent.match('FxiOS')) { //FF iOS
  alert("Cannot display on FF iOS");
}
} else if (userAgent.match('CriOS')) { //Chrome iOS
  var reader = new FileReader();
  reader.onloadend = function () { $window.open(reader.result);};
  reader.readAsDataURL(blob);
} else if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) { //Safari & Opera iOS
  var url = $window.URL.createObjectURL(blob);
  window.location.href = url;
}