将PDF嵌入到移动设备浏览器中

Question

我有下面的代码，它是我需要的完美解决方案，它基本上将嵌入任何JPG，GIF，PNG或PDF文件到我的网页中。它在PC浏览器中完美运行，但对页面的关键要求是让它们在移动浏览器中兼容目标用户。

<iframe src="uploads/test1.pdf" width="auto" height="auto"> </iframe> 

虽然图像文件做工精细，PDF文件在手机浏览器单独打开，并在网页中嵌入不在线。什么是替代解决方案或实现呢？

Answer 1

您可以使用PDFJs库。只使用JS你可以渲染PDF文件。 请检查这里：https://mozilla.github.io/pdf.js/

Answer 2

我遇到了同样的问题。作为一名新开发人员，我并不知道移动浏览器在将PDF文件嵌入到iframe中时存在问题。我现在...大声笑

当我觉得移动浏览器没有在新窗口中显示PNG文件的问题时，我绞尽脑汁试图让它工作。所以，凭借我的无限智慧，我在Gimp 2.0中打开了PDF文件，然后将它们导出为PNG文件。然后我创建了用户点击的按钮，现在它会打开图形，而不是尝试嵌入PDF。 是这样的：

<input class="AG" id="UnityBtn" type="button" value="Unity" onclick="location.href='../Meeting_Info/Unity.png'" /> 

我不知道这是可能的你，但它精美的为我工作。