iOS 7 (and newer) can't open PDF in new browser window

web-applications ios7 jspdf

11,324

Solution 1

Got a solution!! Create a html file (eg pdf.html) and add

<!DOCTYPE html><html>
<head>
    <title></title>
</head>
<body>
<script>
    document.location.href = document.location.hash.substr(1);
</script>
</body>
</html>

Create a link

<a class="btn btn-default" id="pdfData" ng-show="isMobile && pdfReady" ref="app/views/pdf.html" target="xxx">
Download PDF
</a>

After you "rendered" your pdf get the datauristring and add it to your link as hash.

var pdfData = doc.output('datauristring');
var element = document.getElementById('pdfData');
element.href = "app/views/pdf.html#" + pdfData;
element.target = "xxx";
$scope.pdfReady = true; // show download link

And now if the user clicks the download link a new window is opened in safari and the pdf get shown

Solution 2

Have you tried using doc.output('dataurlnewwindow')?

If that doesn't work, you could make a new route like /pdf/download?data=base64data... and response the pdf there with Content-Type: application/pdf and based on the given parameter data. Be sure to avoid possible security issues, so that no other one can provide pdfs with your url.

11,324

Author by

atroy

Updated on June 04, 2022

Comments

atroy almost 2 years

I have big trouble with jsPDF since iOS7 exists. We developed a Web App and used jsPDF to create PDFs on-the-fly. We open the PDF in a new Safari window so that the user gets access to Adobe Reader to send the PDF via Mail or do other things. In iOS6 this was no problem, but in iOS7 you can't open data:application/pdf;base64 links in a new window! Note this only happens if you add the Web App to your homescreen.

If someone has a solution, a workaround or other helpful informations I would be glad to hear.