HTML에 PDF를 포함시키는 권장 방법은 무엇입니까? 무엇을 말합니까? 필자의 경우 PDF가

HTML에 PDF를 포함시키는 권장 방법은 무엇입니까?

  • iFrame?
  • 목적?
  • 끼워 넣다?

Adobe는 이에 대해 무엇을 말합니까?

필자의 경우 PDF가 즉시 생성되므로 플러시하기 전에 타사 솔루션에 업로드 할 수 없습니다.



답변

아마도 가장 좋은 방법은 PDF.JS 라이브러리 를 사용하는 입니다. 타사 플러그인이없는 PDF 문서를위한 순수한 HTML5 / JavaScript 렌더러입니다.

온라인 데모 :
http://mozilla.github.com/pdf.js/web/viewer.html

GitHub :
https://github.com/mozilla/pdf.js


답변

이것은 요점까지 쉽고 빠르며 타사 스크립트가 필요하지 않습니다.

<embed src="http://example.com/the.pdf" width="500" height="375" 
 type="application/pdf">

업데이트 (2018 년 1 월) :

Android의 Chrome 브라우저는 더 이상 PDF 임베드를 지원하지 않습니다. Google 드라이브 PDF 뷰어를 사용하여이 문제를 해결할 수 있습니다.

<embed src="https://drive.google.com/viewerng/
viewer?embedded=true&url=http://example.com/the.pdf" width="500" height="375">

답변

이 목적으로 Google PDF 뷰어를 사용할 수도 있습니다. 내가 아는 한 공식 Google 기능은 아니지만 (내 잘못 되었습니까?) 아주 훌륭하고 원활하게 작동합니다. 전에 어딘가에 PDF를 업로드하고 URL을 사용해야합니다.

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

중요한 것은 플래시 플레이어가 필요하지 않으며 JavaScript를 사용한다는 것입니다.


답변

쿼리 문자열에 일부 옵션을 전달하여 브라우저에서 PDF가 표시되는 방식을 약간 제어 할 수 있습니다. IE8에서 작동하지 않는다는 것을 깨달을 때 까지이 작업에 만족했습니다. 🙁

Chrome 9 및 Firefox 3.6에서 작동하지만 IE8에서는 “PDF를 표시 할 수없는 경우 여기에 오류 메시지 삽입”메시지가 표시됩니다.

그래도 아직 위의 브라우저 중 이전 버전은 테스트하지 않았습니다. 그러나 누군가를 돕기 위해 어쨌든 내가 가지고있는 코드는 다음과 같습니다. 확대 / 축소를 85 %로 설정하고 스크롤 막대, 도구 모음 및 탐색 창을 제거합니다. IE에서도 작동하는 것을 발견하면 게시물을 업데이트 할 것입니다.

<object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0">
    <p>Insert your error message here, if the PDF cannot be displayed.</p>
</object>

답변

모두를 사용 <object>하고하는 것은 <embed>당신에게 브라우저 호환성의 넓은 폭을 제공 할 것입니다.

<object data="http://yoursite.com/the.pdf" type="application/pdf" width="750px" height="750px">
    <embed src="http://yoursite.com/the.pdf" type="application/pdf">
        <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://yoursite.com/the.pdf">Download PDF</a>.</p>
    </embed>
</object>

답변

ImageMagick을 통해 PNG로 변환하고 PNG (빠르고 더러움)를 표시하십시오.

<?php
  $dir = '/absolute/path/to/my/directory/';
  $name = 'myPDF.pdf';
  exec("/bin/convert $dir$name $dir$name.png");
  print '<img src="$dir$name.png" />';
?>

빠른 솔루션이 필요하고 브라우저 간 PDF보기 문제를 피하고 PDF가 한두 페이지 인 경우이 옵션을 사용하는 것이 좋습니다. 물론 공유 호스팅 환경에서는 사용할 수없는 옵션 인 웹 서버에 ImageMagick이 설치되어 있어야합니다 (그러면 Ghostscript가 필요함). 이와 같이 작동하는 PHP 플러그인 (imagick)도 있지만 고유 한 요구 사항이 있습니다.


답변

이 코드를 살펴보십시오. HTML에 PDF를 포함 시키려면

<!-- Embed PDF File -->
<object data="YourFile.pdf" type="application/x-pdf" title="SamplePdf" width="500" height="720">
    <a href="YourFile.pdf">shree</a>
</object>