본문 바로가기

리뷰/Dev

PDF를 웹으로 볼수 있는 Javascript 플러그인

작성자 : Deok

 요즘은 PDF 를 바로 브라우져로도 볼수 있지만 내장 뷰어로 볼 경우 다운로드를 받지 않고 조금 깔끔하게 볼수 있게 하기위한 스크립트 들입니다. 물론 최근 브라우져들이 자체적으로 PDF뷰어 역할을 너무 잘해주기 때문에 조금 유용하지 않을수도 있지만 더욱 깔끔한 뷰어 기능을 하기 때문에 몇가지 소개시켜 드리겠습니다.


1. PDF.js


 PDF 로 Javascript 를 이용한 고퀄리티의 뷰어를 만들수 있습니다. 또한 파이어폭스의 플러그인으로도 사용되고 있는 플러그인이라고 합니다.


저도 Project에서 적용하여 사용하였 었지만 단점이 있다면 모바일 계열의 브라우져에서 극단적으로 느려 지는 현상이 있습니다. PC에서도 빠른속도를 자랑하지는 않지만 굉장히 깔끔한 인터페이스를 구현하는 예제를 제공합니다.



홈페이지 : http://mozilla.github.io/pdf.js/


데모 페이지 : http://mozilla.github.io/pdf.js/web/viewer.html



2. PDFObject


HTML 에 간단한 PDF View 를 구성할수 있게 해줍니다. 



홈페이지 : http://pdfobject.com/

데모 페이지 : http://pdfobject.com/examples/ 




3. Google Docs Viewer plugin for jQuery


 Google Docs Viewer 를 이용한 PDF Viewer 입니다. PDF 이외에도 PPT등 을 볼수 있는 인터페이스를 제공합니다. 또한 JQuery 를 이용하기 때문에 쉽게 사용할수 있습니다.


 추가로 설명을 더 드리자면 Google 의 API 에 PDF 와 같은 문서의 URL 을 보내어 IFrame 를 출력하는 방식을 사용합니다.  개발자 분들께서 원하신다면 코드 분석 후 간단하게 만드실수 있으실것입니다.



홈페이지 : http://www.jawish.org/blog/archives/394-Google-Docs-Viewer-plugin-for-jQuery.html


구글 API : https://docs.google.com/viewer


API  IFrame ( 소스 코드의 내용입니다. )




'리뷰 > Dev' 카테고리의 다른 글

PDF를 웹으로 볼수 있는 Javascript 플러그인  (0) 2019.06.01