IT TIP

웹 브라우저에 PDF 표시

itqueen 2020. 10. 20. 19:00
반응형

웹 브라우저에 PDF 표시


.html 페이지의 웹 브라우저에 pdf를 표시하려면 어떻게해야합니까?


Google 문서에 포함 가능한 PDF 뷰어를 사용합니다. 문서를 Google 문서에 업로드 할 필요는 없지만 온라인에서 사용할 수 있어야합니다.

<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

iframe을 사용하는 대신에 따라 third partyflexpaper 또는 pdf.js를 사용하는 것이 좋습니다.

pdf.js를 사용 했는데 잘 작동합니다.

여기에 데모가 있습니다 : http://mozilla.github.com/pdf.js/web/viewer.html


가장 간단한 방법은 iframe 을 만들고 소스를 PDF의 URL로 설정하는 것입니다.

(미친 HTML 디자이너를 따돌림) 직접 수행하고, 크로스 브라우저에서 잘 작동합니다 (벙커로 크롤링).


object 태그를 사용하여

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' 
        type='application/pdf' 
        width='100%' 
        height='700px'>

너비와 높이를 원하는 값으로 변경할 수 있습니다. http://www.w3schools.com/tags/tag_object.asp 를 방문하십시오 .


브라우저의 플러그인은 이러한 설정을 제어하므로 강제로 설정할 수 없습니다. 그러나, 당신은 간단하게 할 수있는 <a href="whatver.pdf">대신을 <a href="whatever.pdf" target="_blank">.


PDFObject 와 같은 타사 솔루션을 통해 JavaScript를 사용하여 포함 할 수도 있습니다 .


PDF를 호스팅하는 한 대상 속성은 갈 길입니다. 즉, 상대 파일의 경우 _blank 값이있는 대상 속성을 사용하면 잘 작동합니다.

<e>
  <a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook"
     href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a>

절대 경로를 들어 엔진은로 이동합니다 U nified R esource L ocator과 자신을 엽니 다. 따라서 대상 속성을 억제하십시오.

<e>
  <a alt="StackExchange Handbook" title="StackExchange Handbook"
     href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a>

브라우저는 두 경우 모두 신뢰할 수 있습니다.


이 코드를 사용할 수 있습니다.

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

또는 Google 문서에 포함 가능한 PDF 뷰어를 사용하세요.

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

이 간단한 GoogleDoc 접근 방식을 사용할 수도 있습니다.

<a  style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a>

이렇게하면 흐름을 왜곡하지 않고 문서를 볼 수있는 새 페이지가 생성됩니다.


간단한 해결책은 iframe에 넣고 사용자가이를 지원하는 플러그인이 있기를 바라는 것입니다.

(그렇지 않습니다. Acrobat 플러그인은 리소스를 많이 사용하고 불안정한 원인이되어서 터치하는 모든 브라우저에서 제거해야합니다.)

복잡하지만 상대적으로 많이 사용되는 솔루션은 플래시 애플릿에 표시하는 것입니다.


JPedal (Java 라이브러리)을 사용하여 PDF 파일 페이지를 서버에서 PNG 파일로 렌더링합니다 . 이는 일부 자바 스크립트와 결합하여 시각화 및 탐색에 대한 높은 제어를 제공합니다.


PDF / DOC / DOCX 파일 형식으로 저장된 콘텐츠 를 표시하는 것은 웹 페이지에 pdf / doc / docx 파일을 표시하는 데 이상적입니다.


간단한 img 태그를 사용해 보셨습니까?

<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">

참고 URL : https://stackoverflow.com/questions/4853898/display-pdf-within-web-browser

반응형