[html] 웹 브라우저에 PDF 표시

Program / 글쓴이

.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을 사용하는 대신 타사에 따라 flexpaper 또는 pdf.js 사용에 대해 생각하십시오.

나는 PDF.js를 사용 했는데 잘 작동합니다. 다음은 데모 입니다.

답변

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 를 방문하십시오
.

답변

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

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

답변

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

답변

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>

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

답변

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