반응형

Web 이야기/ETC 2

PDF 드롭다운 - PDFObject와 PDF.js를 사용하여 Dropdownlist 만들기

일전에 PDF viewer를 찾다가 PDF.js를 찾은 적이 있다. 브라우저에서 PDF 보기를 지원하지 않거나 통일된 UI로 쓰기에 좋겠다고 했었다. 바로가기: PDF.js 간단한 사용법 - web상에서 pdf파일 보기 여기에서 PDF파일을 하나만 사용한다면 그럭저럭 쓸만은 했는데 조금 더 욕심을 부려 복수 이상의 파일을 선택해서 보는 기능을 추가하고 싶었다. 정확히는 드롭다운 리스트를 만들어서 선택한 PDF를 출력해주는 기능이었는데 혹시나 하고 찾아보니 역시나 있었다. PDFObject라는 것으로 jQuery, JavaScript등 각각의 언어와 연계하여 PDF viewer를 제어할 수 있게 해주는 스크립트 파일이다. PDF를 특정 페이지부터 열리도록 하거나 브라우저에서 PDF view를 지원하는지 여..

Web 이야기/ETC 2018.09.11

PDF.js 간단한 사용법 - web상에서 pdf파일 보기

PDF파일을 웹상에서 볼 수 있도록 만들기 위해 pdf 뷰어를 찾아다녔다. 각 브라우저별로 PDF 뷰어를 지원하기 때문에 그냥 띄워도 되긴 하지만 뭐랄까 공통된 UI와 조금 더 다양한 기능들을 지원하는 걸 필요로 해서... 찾게 되었다. 찾다보니 PHP기반의 뷰어도 있고, 뭔가 여러가지 뷰어들이 있었는데 개인적으로 그나마 적용하기 가장 깔끔하고 쉬워보이는 PDF.js 를 사용하기로 했다. (무언가 이름부터도 이보다 더 직관적일 수 없을 것 같은 느낌.) 주소는: https://mozilla.github.io/pdf.js/ 파일을 다운받아서 보면 아래와 같이 구성되어 있다. web폴더로 들어가면 실제 호출하게될 viewer.html파일 및 기타 파일들을 볼 수 있다. 사용법을 찾아보니 굳이 커스터마이징할 ..

Web 이야기/ETC 2018.09.05
반응형