在div中顯示Adobe pdf

53

是的，你可以。

請參閱從以下線程代碼2007：PDF within a DIV

<div> 
    <object data="test.pdf" type="application/pdf" width="300" height="200"> 
     alt : <a href="test.pdf">test.pdf</a> 
    </object> 
</div>

它採用<object>，可以用CSS設置樣式，所以你可以漂浮他們，給他們邊框等

（最後，我編輯了我的pdf文件以刪除大的邊框並將它們轉換爲jpg圖像。）

來源

2010-07-04 12:10:29

+2

代碼：

– 2010-10-29 11:14:51

-4

我不認爲你可以。您可能需要使用Iframe。

來源

2010-04-29 19:50:30

1

我們使用這個在我們的網站

http://issuu.com/smartlook

它是一個非常定製你的瀏覽器中顯示PDF格式的直接。如果你不反對這樣的事情，它基本上將PDF寄存在閃存對象中。

這是我們公司網站的sample。

來源

2010-04-29 19:51:55

+0

這很酷。 – 2010-04-29 20:21:22

-1

您可以創建一個圖像的縮略圖，並使用類似 http://orangoo.com/labs/GreyBox/

來源

2010-04-29 19:58:03

-1

其鏈接到實際的PDF作爲內聯彈出你不能，這裏是一個簡單的答案。

注入瀏覽器的每個媒體資源均由MIME類型名稱標識。然後瀏覽器根據該MIME類型名稱進行處理確定。如果它是image/gif或image/jpeg，瀏覽器會將該資產處理爲圖像。如果是text/css或text/javascript，那麼它將作爲代碼資產進行處理，除非該資產是獨立於HTML尋址的。 PDF被確定爲application/pdf。當瀏覽器看到application/pdf時，他們立即將處理切換到能夠處理該媒體類型的插件軟件。如果您嘗試將application/pdf類型的媒體推入div，瀏覽器可能會向用戶拋出錯誤。通常，應用程序/ pdf類型的文件直接鏈接，以便處理軟件攔截請求並處理獨立於瀏覽器的媒體。

來源

2010-04-29 21:13:33

+3

總是一個不好的主意，說「不能」，因爲有人會立即出現並顯示一個替代方案（如@Ron膝蓋:) :) – 2015-06-26 16:46:28

+2

那些相信一些行動是不可能的人應該阻止那些正在做它的人。 – UncaAlby 2016-03-18 20:49:31

-2

可能是你可以通過使用AJAX或jQuery來做...
只需在一個頁面上發送該文件的URL，然後打開該頁面中的常開PDF文件並使用ajax。

1）因此，只要用戶點擊按鈕。那麼你就把這個功能稱爲高於你的功能。所以通過這種方式，將只有一個頁面，並且可以顯示儘可能多的pdf而無需刷新頁面。

2）如果你不有很多PDF，如果你不知道，然後剛纔上傳的文件上google docs ，然後乾脆把共享鏈接文件....然後只使用AJAX或jQuery的。

如果你沒有使用AJAX，我更喜歡jQuery。

來源

2010-04-29 21:37:25 Nitz

0

我認爲它不起作用，因爲您的z-index屬性不適用於pdf（任何外部對象）。因此，當您在PDF視圖邊界添加任何控件時，它將出現在pdf視圖的後面。

來源

2016-07-14 05:13:36

1

您可以使用Javascript庫PDF.JS在div內顯示PDF。 PDF的大小可以根據div的大小進行調整。您也可以設置事件處理程序來移動到PDF的下一頁/上一頁。

您可以通過結帳PDF.JS Tutorial - How to display a PDF with Javascript瞭解如何將PDF.JS集成到您的HTML代碼中。

來源

2017-05-31 05:48:40

在div中顯示Adobe pdf

回答

相關問題