PDF.js 를 이용한 브라우저상에서 PDF 바로 보기
페이지 정보
작성자
운영자
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 1건
조회 2,896회
작성일 21-03-02 00:24
본문
<?php header('Content-Type: text/html; charset=utf-8'); ?> <style> * {padding:0; margin:0} #pdf {height:100%} </style> <!-- <div id="results" class="hidden"></div> --> <div id="pdf"></div>
<!--<script src="/js/pdfobject.min.js"></script>--> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfobject/2.1.1/pdfobject.min.js"></script> <script type="text/javascript"> var options = { pdfOpenParams: { navpanes: 0, toolbar: 0, statusbar: 0, view: "FitV", pagemode: "thumbs", page: 0 }, forcePDFJS: true, PDFJS_URL: "/lab/test.pdf" };
var url = '/lab/test.pdf'; var myPDF = PDFObject.embed(url, "#pdf", options);
</script> |
관련링크
댓글목록
운영자님의 댓글
운영자
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
<div class="paper" id="pdf1" style="height:1181px;">
<object type="application/pdf" data="../data/mojib/202012241126065fe3fc3e97ed5.pdf#page=1" width="100%" height="1190px" id="pdf" internalinstanceid="4">
<p>파일 열람을 위해서는 아크로뱃 리더 설치가 필요합니다. 아래 링크를 클릭하여 리더를 다운로드 받으세요.<br><a href="http://get.adobe.com/kr/reader/" target="_blank"><img src="http://www.adobe.com/images/shared/download_buttons/get_adobe_reader.png" alt="Get Acrobat Reader web logo"></a></p>
<param name="wmode" value="transparent">
<param name="src" value="../data/mojib/202012241126065fe3fc3e97ed5.pdf#page=1"></object>
</div>
<script src="../js/pdfobject.min.js"></script>
<script>
$(document).ready(function() {
if(PDFObject.supportsPDFs){
var options = {
page: 1
};
PDFObject.embed("../data/mojib/202012241126065fe3fc3e97ed5.pdf", "#pdf1", options);
}else{
$("#pdf1").html('<div class="bx1_wh tac mtp10 mbp10 fs1">PDF미리보기를 지원하지 않는 브라우저입니다.<br>PDF파일을 다운로드 후 확인해주세요.</div>');
$("#pdf1").height("100%");
}
});
function goPagePdf(pg) {
var options = {
page: pg
};
PDFObject.embed("../data/mojib/202012241126065fe3fc3e97ed5.pdf", "#pdf1", options);
}
</script>