내일을 위한 오늘

웹개발#1. pdf 웹뷰어 만들기 본문

IT·컴퓨터

웹개발#1. pdf 웹뷰어 만들기

안경쓴루피 2022. 5. 29. 04:59
반응형

거의 10여년 전에 사용했던 방법인데, 혹시나 싶어 올려둡니다.

요즘도 이런 pdf 웹뷰어를 쓰는지 모르겠네요.

 

첫 번째 방법은 구글뷰어를 활용하는 방법입니다.

구글에서 공식적으로 지원하는 기능인지는 모르겠습니다. 

어쨌거나 2022년 현재도 가능한 방법입니다. 

<iframe 
src="http://docs.google.com/gview?url=[PDF파일-웹주소-url]&embedded=true" 
style="width:800px; height:700px;" frameborder="0"></iframe>

 

 

 

두 번째 방법은 서버 언어가 지원하는 자체기능을 이용한 방법입니다. 

여기서는 php를 예시로 들어보겠습니다.

pdf_viewer.php

<?php
  $file_name = 'pdf-file-name.pdf';
  $file_path = './'.$file_name;
  header('Content-type: application/pdf');
  header('Content-Disposition: inline; filename="'.$file_name . '"');
  header('Content-Transfer-Encoding: binary');
  header('Content-Length: ' . filesize($file_path));
  header('Accept-Ranges: bytes');
  @readfile($file_path);
?>
<iframe src="./pdf_viewer.php" style="width:718px; height:900px;" frameborder="0"></iframe>

 

 

 

웹사이트에서 pdf 파일을 보여주는 pdf 웹뷰어 기능 소개를 마칩니다.

생각보다 쉽죠?

 

부디, 이 포스팅이 쓰임새가 있기를..

 

 

728x90
반응형
Comments