>웹 프론트엔드 >JS 튜토리얼 >js 플러그인을 사용하여 PDF 파일 열기(브라우저 PDF 플러그인 공유)

js 플러그인을 사용하여 PDF 파일 열기(브라우저 PDF 플러그인 공유)

PHPz
PHPz원래의
2016-05-16 17:08:083177검색

요구 사항: JSP 웹 페이지에 pdf 파일을 표시하려면 아래에 두 가지 옵션이 제공됩니다.

두 가지 옵션: 하나는 pdf 파일을 img로 처리하는 직접 링크입니다. caff1246e8ad1cdf5454fc99c42c839e이 양식에서 다음과 같이 링크하세요.

<frame src="pdf文件的地址"></frame>

또 다른 것: js 플러그인을 사용하세요.

다음과 같이 PDF 파일을 읽을 수 있는 js 플러그인이 많이 있습니다. pdf.js: 로컬 기술 지원 없이 HTML5 플랫폼에서 PDF 문서를 표시하는 데 주로 사용되는 기술 프로토타입입니다. jsPDF: Javascript입니다. 언어 PDF 생성을 위한 오픈 소스 라이브러리(IE에서는 아직 지원되지 않음)

비교적 간단하고 사용하기 쉬운 js 플러그인: PDFObject.js는 PDF를 동적으로 포함하는 데 사용되는 JavaScript 라이브러리입니다. HTML로 된 문서.

효과는 다음과 같습니다.

js 플러그인을 사용하여 PDF 파일 열기(브라우저 PDF 플러그인 공유)

PDFObject.js가 1.2로 업그레이드되었으며 IE9를 지원할 수 있습니다.

PDFObject.js의 목적: 때로는 약간의 JavaScript가 필요할 때 PDFObject를 사용해 보세요.

아주 작은 js 코드를 살펴보겠습니다.

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed();
      };
</script>

그렇습니다. 주소를 정확하게 적어주시면 됩니다.

특정 p에서 pdf를 불러오면 어떻게 해야 하나요? 공식 웹사이트를 살펴보니 embed() 메서드에는 매개변수가 있을 수 없으며 매개변수는 본문을 참조하지 않고 특정 위치를 참조합니다.

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed(“p的id”);
      };
</script>

물론 미리보기할 시간(초), CSS 사용 여부 등 추가 매개변수를 설정할 수도 있습니다.

위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼을 방문하세요.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.