본문 바로가기
IT기타/WEB

PDF WEB View plug-in

by 1TAL 2018. 2. 6.

PDF 파일을 WEB VIEW PLUG-IN

 

 

크롬에서는 PDF뷰어가 있어서 따로 로컬에 PDF 뷰어가 설치 안되어 있어도 볼 수 있지만, IE에서는 안되는 부분이 있습니다.

 

보안 상의 이슈로 PDF 파일을 로컬에 저장은 안되고, 인쇄만 할 수 있는 서비스를 구현 하기 위해 찾아 보았습니다.

 

 

1. PDFObject

 

- site : https://pdfobject.com/

- demo : https://pdfobject.com/examples/

 

예제중에 PDF.js 를 사용하지 않는 예제는 모두 PDF 파일이 없으면 다운로드 되는 형태로 되어 있었습니다.

 

-. PDF.js (forced) with quertstring

-. PDF.js (forced)

-. PDF.js fallback

 

※ PDF.js 를 잘 구성 했을때에만 정상 노출 됨.

 

 

2. Google Docs Viewer

 

Google Docs에서 제공 하는 형태로 iframe 형태로 구현되는 부분입니다.

 

<iframe src=http://docs.google.com/gview?embedded=true&url=파일경로.pdf frameborder="0"></iframe>

 

관련해서 API 형태로 제공한다고 하나, PDF는 아니고 일반 sheet는 제공 하는것 같습니다.  ( https://developers.google.com/sheets/api/ )

 

 

 

3. PDF.js

 

- site : http://mozilla.github.io/pdf.js/
- demo : http://mozilla.github.io/pdf.js/web/viewer.html

 

MIT License 입니다.

 

 

4. PDFKit

Node.js 용 PDF 변환 라이브러리 입니다.

-. site : http://pdfkit.org/index.html

 

 

다운로드는 안되도록 하기 위해서는 PDF.js와 PDFObject 를 같이 사용하였습니다.

 

IE에서 안되는 부분은 메타테크로 처리.

 

 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

 

아~~ 그런데 PDF 파일 사이즈가 크면 속도 문제는 현재는 해결이 안되네요..

 

PS .. http://smallpdf.com/kr

 

반응형

'IT기타 > WEB' 카테고리의 다른 글

ckeditor4  (0) 2023.09.04
Lighthouse  (0) 2023.04.13
Froxy Tool  (0) 2023.01.05
proxy server  (0) 2023.01.05
Barbecue ( barcode )  (0) 2021.01.19