성공)11q.kr 첨부1이 pdf가 있으면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js )연결 view.skin.php 에 삽입 적용 /첨부1,2에 pdf가 있으면 뷰

36.PDF_View_s36 

 

성공)11q.kr 첨부1이 pdf가 있으면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js )연결 view.s…

      

11q.kr 첨부된 자바스크립트 pdf 뷰어 ( pdf.js , pdfobject.js ) 는 pc및 모바일에서 배추스킨에 적용 내용입니다.

첨부내 배추스킨에 view.skin.php을 참조

소스내용을view.skin.php에 적당한 위치에삽입하세요.php

적당한 위치에 추가 합니다

추가 정보및 관련 자료는 제홈피에 2018년02월07일 적용 버전 입니다

https://11q.kr/g5s//bbs/board.php?bo_table=s36&wr_id=105

3232235521_1517934407.001.png

방법)

1) pdsjs 폴더를 pc/모바일 스킨 디랙토리에 복사

2) view.skin.php의 적당한 위치에 추가 하시면 모두 적용 됩니다

3) https://11q.kr에서_첨부된_PDF_file을_pdfjs,PDF_Object로_볼수_있는_첨부1~2의내용입니다.

  (pdfview_off=배추설정최신글off)/pdfjsviewer0~1.php 내용 표시글 수정

========== view.skin.php 추가 적용 ==========

<!--// 11q.kr 첨부1이 pdf이면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js )연결 view.skin.php 에 아래 삽입 시작입니다 -->

<!-- 첨부1에 pdf가 있으면 뷰 -->

<?php

$filename = $view['file'][0]['file'];

$ext = substr(strrchr($filename,"."),1); //확장자앞 .을 제거하기 위하여 substr()함수를 이용

$ext = strtolower($ext); //확장자를 소문자로 변환

//echo $ext; //출력:pdf0

if($ext=="pdf"){

 include_once($board_skin_path."/pdfjs/pdfjsviewer0.php");

}//else {}

?>

<!-- 첨부2에 pdf가 있으면 뷰 -->

<?php

$filename = $view['file'][1]['file'];

$ext = substr(strrchr($filename,"."),1); //확장자앞 .을 제거하기 위하여 substr()함수를 이용

$ext = strtolower($ext); //확장자를 소문자로 변환

//echo $ext; //출력:pdf1

if($ext=="pdf"){

 include_once($board_skin_path."/pdfjs/pdfjsviewer1.php");

}//else {}

?>

<!--// 11q.kr 첨부1이 pdf이면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js )연결 view.skin.php 에 아래 삽입 추가끝 입니다 -->

<!-- 테스트 잠시 잠금 -->

<?php// include_once($board_skin_path."/pdfjs/pdfjsviewer.php")?>

<?php //include($board_skin_path."/gdocviewer/gdocsviewer.php")?>


=============

pdfjsviewer0.php 내용

=============

<!-- 11q.kr 홈에 첨부된 자바스크립트 pdf 뷰어 ( pdf.js , pdfobject.js ) 시작입니다.-->

<div >

<style type="text/css">

.pdfobject-container {

    width: 100%;

    max-width: 1000px;

    height:800px;

    margin: 2em 0;

}

 

.pdfobject { border: solid 1px #666; }

#results { padding: 1rem; }

.hidden { display: none; }

.success { color: #4F8A10; background-color: #DFF2BF; }

.fail { color: #D8000C; background-color: #FFBABA; }

</style>

<div id="results" class="hidden"></div>

    <div id="pdf"></div>

<div id="pdf1"></div>

<script src="<?=$board_skin_path?>/pdfjs/PDFObject/pdfobject.min.js"></script>

<!-- w:\g5s\skin\board\miwit303_synology_pdfjs_ pdfobjectjs_11q_kr\pdfjs\PDFObject\pdfobject.min.js -->

       

<script>

var options = {

    pdfOpenParams: {

        navpanes: 0,

        toolbar: 0,

        statusbar: 0,

        view: "FitV",

        pagemode: "thumbs",

        page: 2

    },

    forcePDFJS: true,

    PDFJS_URL: "<?=$board_skin_path?>/pdfjs/web/viewer.html"

<!-- w:\g5s\skin\board\miwit303_synology_pdfjs_ pdfobjectjs_11q_kr\pdfjs\web\viewer.html -->

};

 var myPDF = PDFObject.embed("<?php echo $view['file'][0]['path'];?>/<?php echo $view['file'][0]['file'];?>", "#pdf", options);

<!-- <?php echo $view['file'][0]['path'];?>/<?php echo $view['file'][0]['file'];?> 는 첨부 1번째 경로및 파일 입니다 그리고 pdf 정의 -->

//var myPDF = PDFObject.embed("<?php echo $view['file'][1]['path'];?>/<?php echo $view['file'][1]['file'];?>", "#pdf1", options); 

<!-- <?php echo $view['file'][1]['path'];?>/<?php echo $view['file'][1]['file'];?> 는 첨부 2번째 경로및 파일 입니다 그리고 pdf1 정의 -->


var el = document.querySelector("#results");

el.setAttribute("class", (myPDF) ? "success" : "fail");

el.innerHTML = (myPDF) ? "☞ 첨부1(0)의 pdf파일 pc/모바일모드에서 볼 수 있는 내용입니다. " : "Uh-oh, the embed didn't work.";

</script>


</div>

//출처: http://nahosung.tistory.com/44 [nahos] 참조- 추가끝 입니다 -->

=============


----------- 본정보는   http://nahosung.tistory.com/44 [nahos] 참조 자료 입니다.-------------------

pdf.js 홈페이지 : http://mozilla.github.io/pdf.js/   pdfjs-1.9.426-dist.zip 다운로드 합니다.
pdfobject 홈페이지 : https://pdfobject.com/  PDFObject-master.zip 다운 로드 합니다.
각각의 홈페이지에서 js 파일이 다운로드 가능하며, 예제도 확인 가능하다.
둘중 하나만 사용해도 pdf뷰어로 사용은 가능하다.
pdfobject는 pdf.js를 사용하지 않으면 익스플로러(ie)에서는 작동이 불가능하다.
https://pdfobject.com/examples/pdfjs-forced.html

------------------------

상기 내용을 모두 적용한
첨부 자료 pdfjs.zip 압축 헤제된 파일을 pdsjs폴더로 스킨 폴더에  업로드 합니다.
그리고아래와  같이 추가 합니다.

3232235521_1517934515.3783.png

pdfview_off=배추설정최신글 건수 off

3232235521_1560691145.2258.png

Comments

shimss11q 2018.02.03 11:43
해결) 첨부 없을때  pdf viewer 없애는 방법 적용
빨강모자 2018.02.06 06:49
정보 감사합니다...
shimss11q 2018.02.06 18:39
성공)첨부 1,2이 pdf일 때만 pdf viewer 가 보입니다
shimss11q 2018.02.07 07:22
pc/모바일모드에서 pdf파일을 pdfjs,PDFObject로 볼 수 있는 첨부1(0)의내용입니다.
shimss11q 2018.02.07 07:23
첨부파일 pdf 확인 및  없으면 미실행 응용
<!--// 11q.kr 첨부1,2이 pdf이면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js )연결 view.skin.php 에 아래 삽입 시작입니다 -->
<!-- 첨부1에 pdf가 있으면 뷰 -->
<?php
$filename = $view['file'][0]['file'];
$ext = substr(strrchr($filename,"."),1); //확장자앞 .을 제거하기 위하여 substr()함수를 이용
$ext = strtolower($ext); //확장자를 소문자로 변환
//echo $ext; //출력:pdf0
if($ext=="pdf"){
 include_once($board_skin_path."/pdfjs/pdfjsviewer0.php");
}//else {}
?>
<!-- 첨부2에 pdf가 있으면 뷰 -->
<?php
$filename = $view['file'][1]['file'];
$ext = substr(strrchr($filename,"."),1); //확장자앞 .을 제거하기 위하여 substr()함수를 이용
$ext = strtolower($ext); //확장자를 소문자로 변환
//echo $ext; //출력:pdf1
if($ext=="pdf"){
 include_once($board_skin_path."/pdfjs/pdfjsviewer1.php");
}//else {}
?>
<!--// 11q.kr 첨부1이 pdf이면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js )연결 view.skin.php 에 아래 삽입 추가끝 입니다 -->

참조 사이트
업로드확장자 추출하기
http://sexy.pe.kr/tc/88
빨강모자 2018.02.07 17:08
드디어 성공을 하셨군요.
일이 많다보니 시간이 모자라는군요..
좋은 정보 아낌없이 나눔해 주시어 감사하고 고맙습니다....꾸벅~~
열심 스크랩한 후에 작업하도록 하겠습니다.....넙죽~~
돌돌이아빠 2018.02.07 22:58
감사합니다.^^
shimss@11q.kr 2019.06.16 22:08
pdfview_off=배추설정최신글 건수 off
https://11q.kr 에서_첨부된_PDF_file을_pdfjs,PDF_Object로_볼수_있는_첨부1~2의내용입니다.(pdfview_off=배추설정최신글off)/pdfjsviewer0~1.php
뽕권 2020.12.08 15:37
감사합니다~~
문곡 01.24 06:17
감사합니다
번호 제목 글쓴이 날짜 조회 추천
열람중 성공)11q.kr 첨부1이 pdf가 있으면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js … 댓글+10 shimss@11q.kr 2018.02.02 2973 0
모바일 pdf viwer 뷰어 Adobe Acrobat Reader shimss11q 2017.04.28 2385 0
아미나 스킨 Basic-Board2_0_pdf_viewer_shimss 첨부된 pdf_show파일 viewe… 댓글+3 shimss11q 2017.02.11 2697 0
DSM6 Synology NAS 사용자 가이드/dsm6_Syno_UsersGuide_NAServer_kor.… shimss11q 2016.11.06 3093 0
43 2019관리규약3단비교표 (흥덕_자연앤스웨첸아파트관리규약 개정내용).pdf 및 홈페이지 링크주소 shimss@11q.kr 2019.06.14 1162 0
42 U5PVR 리눅스 펌웨어 활용 가이드 인덱스 (갱신 : 190419) | shimss@11q.kr 2019.05.13 1 0
41 에이블스토어_시놀로지_초급자메뉴얼_6.XX.pdf shimss11q 2018.10.27 1578 0
40 설명서 댓글+3 웃음관리자 2018.08.17 1908 0
열람중 성공)11q.kr 첨부1이 pdf가 있으면 자바스크립트 pdf뷰어( pdf.js , pdfobject.js … 댓글+10 shimss@11q.kr 2018.02.02 2973 0
38 모바일 pdf viwer 뷰어 Adobe Acrobat Reader shimss11q 2017.04.28 2385 0
37 아미나 스킨 Basic-Board2_0_pdf_viewer_shimss 첨부된 pdf_show파일 viewe… 댓글+3 shimss11q 2017.02.11 2697 0
36 기가바이트 메뉴얼 / giga byte /GA-Z170N-WIFI/GA-H170N-WIFI 메인보드 레이아… shimss11q 2017.02.08 2670 0
35 k7자동차_KIA_ALL_NEW_사용자메뉴얼_자동차메뉴얼_사용설명서결합2017 shimss@11q.kr 2017.01.26 3257 0
34 아이나비 네비게이션 KP500 AV케이블 신호 배열및 메뉴얼 댓글+1 shimss11q 2017.01.22 1909 0
33 전등 전원 파워 스위치 예약 오프 온 무선 컨트롤 제품설명서] 타임키퍼-2 (RF타입,2&3선식,통합… shimss11q 2016.12.12 2371 0
32 시놀로지 서버 dsm6 Piwigo 2.8.3 설치 하기의 모든것 메뉴얼 댓글+2 shimss11q 2016.11.28 3325 0
31 DSM6 Synology NAS 사용자 가이드/dsm6_Syno_UsersGuide_NAServer_kor.… shimss11q 2016.11.06 3093 0
30 DSM6_설치기_PDF_VIEW)windows10 VMWRAE 12에서 DSM6.02 설치 메뉴얼사용기 설정… 댓글+6 shimss11q 2016.11.06 6762 0
29 자료펌)[웹백업] 홈페이지 DB 매일 자동백업하기 (에이블스토어) : 네이버 블로그 댓글+1 shim11q.kr관리자 2016.10.20 3358 0
28 컬러 레이저복합기 16ppmCLX-3185WK 사용자 매뉴얼 21.59 MB,pdf Printing & S… shim11q.kr관리자 2016.09.24 3526 0
27 Using VMware Workstation Player for Windows Workstation 12 P… shim11q.kr관리자 2016.08.08 2890 0
26 xpenology_setting3 완벽메뉴얼 댓글+2 shim11q.kr관리자 2016.07.29 3105 0
25 Xpenology-헤놀로지 (Synology) 개인 NAS구축하기 입니다. shim11q.kr관리자 2016.07.27 3205 0
24 완벽정리! XPEnology를 Hyper-V에 설치하기 | 익스트림 매뉴얼 댓글+1 shim11q.kr관리자 2016.05.12 3954 1
23 PDF 파일 은 .js shim11q.kr관리자 2016.05.29 2555 0
22 유형별 서버구축 사례_원도우서버구축 shim11q.kr관리자 2016.05.12 2590 0
21 완벽정리! XPEnology를 Hyper-V에 설치하기 | 익스트림 매뉴얼 댓글+1 shim11q.kr관리자 2016.05.12 5277 1
20 XPENology DSM DS3615xs 5592.2 설치 [D.I.Y NAS] : 네이버 블로그 shim11q.kr관리자 2016.05.12 3415 0
19 Xpenology(헤놀로지)NAS서버_install_file 설치 구성 방법_이메일서버설정ddns_quick… 댓글+2 shim11q.kr관리자 2016.05.10 5995 0
18 오토캐드 한글메뉴얼 autocad hangul manual/ 단축키 댓글+6 shim11q.kr관리자 2016.04.05 6534 0
17 Wireless audio soundbar HW-J450 삼성사운드바 긴단사용설명서 shim11q.kr관리자 2015.12.22 8166 0
16 현대 홈네트워크 사용자 메뉴얼 HNT-2100SERIES/IMAZU HOME NETWORK SYSTEM 2… 댓글+4 shim11q.kr관리자 2015.09.14 7826 0
15 삼성도어록shs-5021메뉴얼 사용설명서 모든것 댓글+1 shim11q.kr관리자 2015.09.06 4646 0
14 삼성컴퓨터 windows10 업데이트 방법 shim11q.kr관리자 2015.08.10 3368 0
36.PDF_View_s36

PHP 안에 HTML ☞ 방문 시간은 2021-03-03 08:15:26 입니다.
☞ Server uptime /volume1/web/g5s/thema/Basic/side/shimss_basic-side.php:69: string(69) " 08:15:26 up 9 days, 8:00, 0 users, load average: 0.44, 0.53, 0.51"
Category
State
  • 현재 접속자2 185 명
  • 신규 가입자 0 명
  • 오늘 방문자 779 명
  • 어제 방문자 1,702 명
  • 최대 방문자 8,153 명
  • 전체 방문자 2,529,364 명
  • 전체 게시물 5,821 개
  • 전체 댓글수 18,596 개
  • 전체 회원수 7,714 명

☞ Your IP : 3.237.71.247

☞ Your Mac : entries

Facebook Twitter GooglePlus KakaoStory NaverBand
.\thema\Basic\side\shimss_basic-side.php
+ ☆☆☆ Bookmark link1(S52)_tall.php ☆☆☆