Question

我遇到移动开发问题。

当我尝试从HTML呈现PDF时，我需要在移动设备上显示它。到目前为止，我能够以datauri的形式呈现pdf（使用jsPDF），但在我的移动设备上显示它只是......好吧，我没有任何言论，只有挫折：）< / p>

我正在使用一个简单的测试HTML文件，PhoneGap和jsPDF（带有Html2Canvas）

HTML

<div id="content">
   <div>
     <div>
        Hello world
     </div>
   </div>
</div>

<button type="button">
    Download
</button>

CSS

div {
   padding: 15px;
   background-color: lightblue;
   border: 2px solid black;
   width: 100%;
}

JS

$("button").click(function() {
    var pdf = new jsPDF('p', 'pt', 'a4');
    pdf.addHTML($("#content"), function() {
        pdf.output("datauri");
    });
});

当然，我把它包装在我的$（文件）.ready（function（）{...}）中; 问题是在iOS上它会打开那个文件，但是没有办法以某种方式保存它... Android也是如此，它甚至不想打开或处理它。

我也尝试过使用PhoneGap / Cordova的InAppBrowser，因为我应该使用window.open(datauri, "_system")在其中打开设备的默认浏览器。

这也不起作用。

我需要打开一个.pdf文件（从HTML呈现），并为用户提供将其保存在移动设备上的选项或保存它的任何替代方法（不必在设备的存储上，可以是Dropbox ，Google云端硬盘等。）

有没有人对此有任何经验，因为我处于陷入被称为“疯狂”的深层空白的边缘

Answer 1

Android网页视图默认情况下不支持PDF查看。所以最好的选择是使用FileOpener2插件打开PDF文件。

如果需要，您可以使用文件传输插件下载文件，并使用File Plugin将其存储在设备中，并使用FileOpener2 Plugin在设备中打开文件（PDF）。请求您查看此github link，其中我使用上述所有插件提供了工作示例代码。

从HTML渲染PDF并显示它

1 个答案: