2013-04-28 5 views
5

내 웹 사이트에 sample.pdf 파일을 넣어서 pdf.js을 사용하여 표시하고 싶습니다. 내가 원하는 것은 demo과 같은 파일을 툴바, 확대/축소 등으로 표시하는 것입니다. 지금까지는 아직 할 수 없습니다.pdf.js를 사용하여 웹 사이트에 PDF 표시

helloworld example을 확인했지만 도구 상자가없는 이미지, 확대/축소 등이 표시됩니다. helloworld.pdf 대신 많은 페이지가있는 다른 파일을 넣으면 첫 페이지 만 표시됩니다.

+0

제 경험상 혼란입니다. 나는 그것을 작동하게 만들 수 없었다. – sawa

+0

"Hello World"예제를 보았습니까? https://github.com/mozilla/pdf.js/tree/master/examples/helloworld 예를 들어 index.html 및 hello.js 파일을 확인하십시오. –

+0

예, 이전에 언급하지 않으셔서 죄송합니다.하지만 [demo] (http://mozilla.github.io/pdf.js/web/viewer)와 같은 전체 pdf.js가 표시되지는 않습니다. .html). 'helloworld.pdf' 대신 다른 파일을 넣으면 그 파일의 첫 페이지 만 보여줍니다. –

답변

1

나는 당신이 찾고있는 것이 확실치 않지만 데모와 똑같이 작동 할 수있었습니다. 프로젝트에 해당 예제 뷰어를 사용하고 싶지는 않지만 자신의 요구 사항에 대한 시작점으로 작업 코드를 사용할 수 있습니다.

간단한 테스트를 위해 웹 서버 아래 어딘가에 프로젝트를 myproject와 같은 디렉토리에 복제하고 http://yourservername.com/myproject/web/viewer.html을 방문 할 수 있습니다. pdf가 나타나야합니다. 이것은이 프로젝트 작업의 출발점이 될 수 있습니다. 나는 리눅스에서 아주 기본적인 아파치 서버를 실행했다.

위의 데모와 같은 스타일의 예제를 찾고 있지 않다면 페이지간에 이동하기 위해 다음/이전 버튼 작업으로 완전히 사용자 정의 된 작업을 수행하는 방법을 보여주는 문서의 this jsbin을 참조하십시오. 당신은 첫 페이지 만 보았습니다).

참고로이 라이브러리는 Safari에서 제대로 작동하지 않는 것으로 보입니다. 문제는 here입니다. 불행히도 현재의 모든 브라우저를 지원해야하므로 사용할 수 없게됩니다.

또한 CORS 관련 경고를주의하십시오.

+0

답장을 보내 주셔서 감사합니다. 내가 찾고있는 것은 데모와 똑같이 작동하도록하는 것입니다. 어떻게 그랬는지 말해 줄래? –

+0

괜찮습니다. ** 웹 ** 폴더를 확인 했어야합니다. ** 예제 ** 폴더 만 확인했습니다. –

+0

참고 : 이것은 2013 년 6 월에 수정되었습니다. Ref : https://github.com/mozilla/pdf.js/pull/3315 –

관련 문제