預覽網頁上的文件

Question

我的服務器上有很多可供我的訪問者下載的文檔。我有一個顯示設置，如下所示：

<ul class="thumbnails"> 
    <li class="span4"> 
    <div class="thumbnail"> 
    <img src="http://placehold.it/320X200" alt="ALT NAME"> 
     <div class="caption"> 
     <h3>Header Name</h3> 
     <p>Description</p> 
     <p align="center"><a href="assets/documents/NHSHandbook1314.doc" class="btn btn-warning btn-block">Download</a></p> 
     </div> 
    </div> 
    </li> 
</ul> 

現在，在這個我現在有一個圖像爲每個文件的主顯示屏。我想在該空間中顯示文檔的預覽。可能是瀏覽器在文檔第一頁的頁面加載時完成的屏幕截圖。

我試過<iframe src="assets/documents/NHSHandbook1314.doc" width="230" height="144"></iframe>而不是圖像，但導致iframe中沒有任何內容顯示，並且只要頁面加載就下載文檔。

我想在頁面加載時使用javascript或php來做到這一點。我基本上希望瀏覽器對外部文檔進行「截圖」，然後顯示給訪問者進行預覽。我不希望他們能夠從預覽中「閱讀」文檔，只是看看他們正在下載什麼。 （至少第一頁）

我希望這對我想做的事情有意義！

Answer 1

瀏覽器無法呈現Microsoft Word文檔。您需要在服務器上生成某種縮略圖並顯示該縮略圖。