웹 페이지에서 파일 미리보기

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 및 문서 다운로드에 아무 것도 표시되지 않습니다.

페이지로드시 자바 스크립트 또는 PHP를 사용하여이 작업을 수행하고 싶습니다. 기본적으로 브라우저가 외부 문서의 "스크린 샷"을 가져 와서 방문자가 미리 볼 수 있도록 표시해야합니다. 미리보기에서 문서를 "읽거나"상호 작용할 수 없도록하고 싶습니다. 다운로드 한 내용을 확인하십시오. (첫 번째 페이지 이상)

내가 원하는 것을 이해하고 싶습니다.

Answer 1

브라우저는 Microsoft Word 문서를 렌더링 할 수 없습니다. 서버에 미리보기 이미지를 생성하고 표시해야합니다.