我编写了代码以在浏览器中显示 pdf 文件。在 PC 的网络浏览器中,我的代码运行良好。但是当我在移动浏览器中打开我的应用程序时,没有显示 pdf 文件。有没有办法在安卓手机网络浏览器中打开pdf文件?(注意:不想为此使用任何扩展程序或应用程序,并且 pdf 文件采用 base64 编码。)
html代码:
<object id="PdfViewerObject" data-ImageID="Id" type="text/html" data="" style="width:100%; height: 100vh">
<iframe id="PdfViewerIframe" src="">
<p style="color:orangered">Failed to load PDF</p>
</iframe>
</object>
js代码..
var imgUrl = $("#DocBase64Url").val();///pdf file value in base64
var byteCharacters = atob(imgUrl);
var byteNumbers = new Array(byteCharacters.length);
for (var i = 0; i < byteCharacters.length; i++) {
byteNumbers[i] = byteCharacters.charCodeAt(i);
}
var byteArray = new Uint8Array(byteNumbers);
var fileBlob = new Blob([byteArray], { type: 'application/pdf;base64' });
var file = new File([fileBlob], 'a_name.pdf', { type: 'application/pdf' })
var fileURL = URL.createObjectURL(file);
//$("#PdfViewerObject").attr("data", fileURL);
$("#PdfViewerObject").attr("data", fileURL + "#view=FitH");
$("#PdfViewerIframe").attr("src", fileURL + "#view=FitH");