mozilla PDF.js

최근 프로젝트중에 기존 VIEWER 솔루션을 쓰고 있는 사이트에서 VIEWER 솔루션을 제거해야 해서 <object> 나 <iframe>으로 PDF 파일을  보여주는 방식을 생각을 하고있었다.   문제점은 브라우저마다 호환성 때문에 고생하던중에 mozilla 의 PDF.js를 찾았다.    -  mozilla PDF.js 주소 https://mozilla.github.io/pdf.js/   작업중 수정한 파일은 pdfjs-2.2.228-dist/web/viewer.js 파일이다.   ※ 로컬 서버에 올려서 테스트를 해야 정상 작동을 볼수있습니다.

pdfjs-2.2.228-dist/web/viewer.js

viewer.js 추가 설명

PDF VIEWER가 패키지형 모듈 형태라 하나의 기능으로 여러 곳에서 사용할 기능이기 떄문에 fileNm을 변수로 사용해서 가져오는 방식이다. 하지만 한페이지만 사용할거면 defaultUrl에 value에 해당 불러올 pdf 경로 고정시켜도 된다.

 

<실제로 보여줄 페이지>

object

 

<demo>