使用pdf.js

我想提出一個文件sample.pdf在我的網站，並希望它使用pdf.js顯示在網站上顯示的PDF。我想要的是顯示我自己的文件，如demo，帶有工具欄，放大/縮小等。到目前爲止，我還不能做到這一點。使用pdf.js

我檢查了helloworld example，但它只是顯示文件像圖像，沒有工具欄，放大/縮小等。當我把另一個文件與許多頁面而不是helloworld.pdf，它只顯示第一頁。

2013-04-28 Paul S.

從我的經驗來看，這是一團糟。我無法讓它工作。 – sawa 2013-04-28 19:35:53

您是否看到「Hello World」示例？ https://github.com/mozilla/pdf.js/tree/master/examples/helloworld檢查index.html和hello.js文件中的示例。 – 2013-04-28 19:36:43

是的，我確實檢查過（抱歉前面沒有提及），但它沒有像[demo]（http://mozilla.github.io/pdf.js/web/viewer）那樣顯示完整的pdf.js的.html）。當我放入另一個文件而不是'helloworld.pdf'時，它只顯示該文件的第一頁。 – 2013-04-28 19:45:41

我不太清楚你在找什麼，但是我能得到這個工作完全一樣的演示。儘管您可能不想在項目中使用該示例查看器，但您可以使用工作代碼作爲自己需求的起點。

對於一個簡單的測試，你可以只克隆項目下的某處網絡服務器到像myproject的目錄，並參觀http://yourservername.com/myproject/web/viewer.html。你應該看到pdf出現。這可以成爲與這個項目合作的起點。我在Linux上運行了一個非常基本的Apache服務器。

如果您不想查看上述演示樣例，則還可以從文檔中看到this jsbin，該文檔展示瞭如何使用完成自定義工作的下一個/上一個按鈕在頁面之間移動（如您所述你只看到第一頁）。

作爲一個說明，看來這個庫不與Safari瀏覽器正常工作。你可以看到一個關於它的問題here。不幸的是，這使得我現在無法使用，因爲我需要支持所有當前的瀏覽器。

還有，記得留意有關CORS的警告。

來源

2013-04-28 21:50:09 SnapShot

感謝您的回覆，快照。我正在尋找的是完全像演示一樣工作。你能告訴我你是怎麼做到的嗎？ – 2013-04-28 23:47:11

好的沒關係，我應該檢查** web **文件夾。我只檢查了**示例**文件夾。 – 2013-04-29 23:53:44

供參考：2013年6月修正。參考：https：//github.com/mozilla/pdf.js/pull/3315 – 2013-08-02 00:40:40

回答

相關問題