將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'" /> 

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