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>