我的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: Display blob (.pdf) in an angular app),但找不到合适的解决方案.
所以,请问您应该怎么做才能将生成的PDF显示给我的iPad / iPhone最终用户？
非常感谢
最佳答案
上面提出的解决方案都没有对我有用.
主要问题来自在iOS中未正确检索的URL.以下代码执行正确的工作：
window.URL = window.URL || window.webkitURL;
即使这样,它也无法在Chrome iOS上运行,也不适用于Opera iOS ……所以在挖掘互联网并启发以下问题之后：
> Blob createObjectURL download not working in Firefox (but works when debugging)
> How to open Blob URL on Chrome iOS
> Display blob (.pdf) in an angular app
…我最终得到了以下代码(适用于所有iOS浏览器,除了iOS上的FF)：
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;
}
