pdf.js 홈페이지 : http://mozilla.github.io/pdf.js/
pdfobject 홈페이지 : https://pdfobject.com/
각각의 홈페이지에서 js 파일이 다운로드 가능하며, 예제도 확인 가능하다.
둘중 하나만 사용해도 pdf뷰어로 사용은 가능하다.
pdfobject는 pdf.js를 사용하지 않으면 익스플로러(ie)에서는 작동이 불가능하다.
https://pdfobject.com/examples/pdfjs-forced.html
위의 주소에 예제와 같이 사용하여 구현했다.
우선 첫번째로 pdf.js 홈페이지에 접속하여 다운 받는다.
압축을 해제하여 프로젝트에 폴더를 통째로 업로드 한다.
( pdfjs/web/view.html 파일이 실제 pdf 뷰어 페이지이며, pdfjs폴더를 그대로 업로드시 변경해야 하는 부분은 없다.
pdf를 보여주는 pdf.js 파일은 pdfjs/build/pdf.js 위치에 있다. )
두번째로 pdfobject.js 홈페이지에 접속하여 다운 받는다.
압축을 해제하여 폴더 안에 있는 pdfobject.js 파일과 pdfobject.min.js 파일을
프로젝트에 업로드 한다.
마직으로 pdf를 보여줄 html 페이지를 수정한다.
아래의 style은 pdf 뷰어와 결과 텍스트를 보여주는 것이며, 자신에 맞게 수정하면된다.
위에서 업로드한 pdfobject.min.js 파일을 자신의 경로에 맞게 불러온다.
viewer.html 과 화면에 보여줄 pdf 파일의 경로를 알맞게 지정한다.
위와 같이 수정을 한 후 실행하면 pdfobject홈페이지 예제와 같은 pdf 뷰어를 볼 수 있다.
'JavaScript' 카테고리의 다른 글
자바스크립트 ie9 typeof opener (javascript typeof window.opener return ie9) (0) | 2016.12.08 |
---|---|
구글차트 IE9에서 작동하지 않음( google chart not working in IE 9 ) (0) | 2016.12.08 |
자바스크립트 파일 첨부시 용량 체크 (0) | 2016.08.31 |
div 동적 생성 (appendChild) 자바스크립트 (0) | 2016.04.21 |
동적태그 (append,appendChild 등..) 사용시 제이쿼리 이벤트 (0) | 2016.04.21 |