pdf.js 다운로드

브라우저에서 PDF를 열면 화면 오른쪽 상단에 다운로드 버튼이 있는 도구 모음이 표시됩니다. PDF.js를 다운로드하기 전에 PDF.js 프로젝트의 다양한 레이어를 이해하십시오. PDF.js를 사용하면 PDF가 AJAX를 통해 다운로드되고 네이티브 그리기 명령을 사용하여 요소로 렌더링됩니다. 성능을 향상시키기 위해 많은 처리 작업이 웹 작업자에서 발생합니다. 이렇게 하면 빌드/일반/빌드/디렉토리에서 pdf.js 및 pdf.worker.js가 생성됩니다. 두 스크립트가 모두 필요하지만 pdf.worker.js가 pdf.js로 로드되므로 pdf.js만 포함해야 합니다. PDF.js 파일은 크며 프로덕션을 위해 축소해야 합니다. 다운로드 한 파일을 보면 웹 / 라는 다른 디렉토리가 표시됩니다. 이 디렉토리에서 뷰어에 필요한 모든 파일을 찾을 수 있습니다. 전체 폴더를 viewer/라는 새 디렉토리에 복사합니다(뷰어/웹/viewer.js와 같은 파일이 생성됩니다). 모질라/pdf.js의 새로운 릴리스에 대한 알림을 원하십니까? 시작하기 위해, 당신이해야 할 모든 PDF.js의 최근 사본을 다운로드하고 당신은 갈 수 있어! 이전 예제와 마찬가지로 PDF.js의 자바 스크립트 파일이 필요합니다. 올바르게 설정하려면 뷰어 / 내부 / 및 파일 복사를 생성하여 뷰어 / 빌드 / pdf.js 및 뷰어 / 빌드 / pdf.worker.js를 만듭니다. 사용자는 웹을 탐색할 때 응용 프로그램 간에 전환하는 것을 싫어합니다.

귀하의 사이트 전체에 다운로드와 함께 링크를 추가 하는 것은 전문, 형편없는 UX와 구식으로 볼 수 있습니다. 그러나 때로는 당신이 보여야 할 문서의 무리이며, 수동으로 사이트의 기본 콘텐츠로 각각을 변환하는 것은 실용적이지 않습니다. 또한 점점 더 많은 사용자가 웹에서 문서를 다운로드한 다음 브라우저 외부에서 실행하는 것이 주요 보안 위험이라는 사실을 인식하고 있습니다 . 브라우저 검사기를 통해 PDF를 다운로드하려는 이유가 잘 모르겠습니다. pdf.js 뷰어에서 PDF 파일을 다운로드하고 싶지만 파일을 다운로드 할 수 없습니다. HTML 파일은 pdf.js 소스 코드와 사용자 지정 응용 프로그램 코드 (simple.js)를 가리켜야합니다. 또한 PDF의 첫 페이지를 렌더링할 요소를 만듭니다 . 우리는 먼저 PDF.js의 다운로드 된 사본에있는 모든 파일을 추출하지만, 우리는 현재 다운로드의 빌드 / 폴더에서 파일 pdf.js 및 pdf.worker.js가 필요합니다.

이러한 파일을 새 빈 디렉토리로 이동하여 simple.js 및 simple.html 파일을 만들 수 있습니다. 아무 일도 일어나지 않으면 GitHub 데스크톱을 다운로드하고 다시 시도하십시오. 우리는 unpkg에서 PDF.js의 CDN 호스팅 버전을 사용하고 있지만,이 파일은 또한 로컬로 다운로드하고 호스팅 할 수 있습니다. PDF.js는 모질라가 작성한 자바 스크립트 라이브러리입니다. 바닐라 자바 스크립트에서 PDF 렌더링을 구현하기 때문에 브라우저 간 호환성을 가지고 있으며 추가 플러그인을 설치할 필요가 없습니다. PDF.js는 오픈 소스 프로젝트이며 항상 더 많은 기여자를 찾고 있습니다. 참여하려면 다음 사이트를 방문하십시오: 다음을 방문하십시오. 최신 버전의 파이썬이 사전 설치된 시스템(예: macOS)에 있는 경우 파이썬 -m SimpleHTTPServer 8000을 사용할 수 있습니다.

다음으로 localhost:8000/simple.html 예제를 엽니다. 이제 통합 작업을 할 수 있습니다. 이렇게 하려면 통해 뷰어를 포함하는 간단한 HTML 파일을 만듭니다. 이를 통해 뷰어를 기존 웹 페이지에 매우 쉽게 포함할 수 있습니다. 뷰어는 URL 매개 변수를 통해 구성되며, 목록은 여기에서 찾을 수 있습니다. 이 예제에서는 소스 PDF 파일만 구성합니다. PDF 문서를 웹 서버에 다시 저장하는 것과 같은 고급 기능의 경우 PDF.js에서 제공하는 viewer.html 파일을 수정하기만 하면 됩니다. getDocument(url) 메서드를 사용하여 URL에서 PDF 문서를 초기화할 수 있습니다. 거기에서, 우리는 페이지 (pageNumber) 방법을 통해 하나의 페이지에 액세스 할 수 있습니다 (페이지 번호는 첫 번째 페이지의 경우 1에서 시작됩니다.)