11.Nas_1


새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


작업중_실패)PDF를 웹으로 볼수 있는 Google Docs Viewer plugin for jQuery 첨부 파일 pc/모바일 모두 pdf보기 가능

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    PDF를 웹으로 볼수 있는 Google Docs Viewer plugin for jQuery  첨부 파일 pc/모바일 모두 pdf보기 가능

    Google Docs Viewer plugin for jQuery

    Here's a little jQuery plugin I wrote recently that automatically embeds the Google Docs Viewer for viewing pdf, doc, docx, ppt and tiff files linked to by anchor tags.


    The Google Docs Viewer is an embeddable browser-based viewer that requires only a URL to a file available online.

    This neatly bypasses the need for users to have compatible software on their machines for those file types and displays the document right in the browser.


    Usage


    1. Add jQuery and the gDocsViewer plugin to the page.

    1.

    <head>

    2.

    <script type="text/javascript" src="jquery.min.js"></script>

    3.

    <script type="text/javascript" src="jquery.gdocsviewer.min.js"></script>

    4.

    </head>


    2. Set some class name or id to the anchor tag for all URLs to files that you want to be displayed using the Google Docs Viewer. E.g. "embed"

    1.

    <a href="urltofile.pdf" class="embed">Download file</a>

    1.

    <a href="urltofile.pdf" id="embedURL">Download file</a>


    3. Initialize gDocsViewer and set it to process the URL with id or all URLs with the class name set in the previous step.

    1.

    $('a.embed').gdocsViewer();

    1.

    $('#embedURL').gdocsViewer();


    Customization


    The plugin offers two configuration options that set the width and height of the embedded document IFRAME. This can be set when the plugin is initialized.

    1.

    $('a.embed').gdocsViewer({ width: 400, height: 500 });


    The plugin inserts a the IFRAME for the viewer inside an injected DIV. The DIV tags all carry the class name "gdocsviewer",
    which allow for styling all the gdocsViewer instances via CSS. If the anchor tag has the ID attribute defined,

    then the injected DIV tag is also set an ID attribute in the format of ID_of_Anchor + '-gdocsviewer'. See the demo source code for more details.


    Demo


    - Check out the live demonstration


    License

    This script is released under the Open Source MIT License, allowing its use in both personal and commercial applications as long as the copyright and license permission notice remains intact.


    Download

    - jquery.gdocsviewer.v1.0.zip (v1.0, 2.2KB)


    Enjoy!

    This entry was posted by Jaa on Monday, February 21. 2011 at 19:00. You can leave a response, or trackback from your own blog.

    Defined tags for this entry: gdocsviewer, google docs viewer, javascript, jquery, plugin, projects, release

    Related entries by tags: Dhivehi Phonetic (with Naviyani) Keyboard Installer for Windows Filibari Keyboard for Thaana Moment.

    js Dhivehi locale merged Dhist launched! Integrating JTK with tinyMCE 4.x

    Email this • Share on Facebook • Digg This! • Save to del.icio.us • AddThis!


    Trackbacks

    Trackback specific URI for this entry

    No Trackbacks

    Comments

    Display comments as (Linear | Threaded)

    3232235521_1517405373.3121.png


    <!-- 11q.kr 첨부된 gdocsViewer 영역 시작입니다 20180131-->
    <!-- view.skin.php의 하단 적당한 위치에 소스 복사 및 /mw.js/ 또는 폴더 경로복사 /수정후 jquery.gdocsviewer.min.js 파일 복사 먼저 하세요 -->
    <head>
    <title>gDocsViewer pdf Demo</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
    <script type="text/javascript" src="<?=$board_skin_path?>/mw.js/jquery.gdocsviewer.min.js"></script> 

    <style type="text/css">
    /* Style the second URL with a red border */
    #test-gdocsviewer {
    border: 5px red solid;
    padding: 20px;
    width: 500px;
    background: #ccc;
    text-align: center;
    }
    /* Style all gdocsviewer containers */
    .gdocsviewer {
    margin:10px;
    }
    </style>
    <script type="text/javascript"> 
    /*<![CDATA[*/
    $(document).ready(function() {
    $('a.embed').gdocsViewer({width: 400, height: 400});
    $('#embedURL').gdocsViewer();
    });
    /*]]>*/
    </script> 
    </head>
    <body style="background:#999; font-family:arial, helvetica, sans-serif; font-size:14px;">

    <hr size="1" />
    <div>
            <a href="<?php echo $view['file'][0]['path'];?>/<?php echo $view['file'][0]['file'];?>" class="embed">gdocsViewer 첨부1 </a>
    <a href="<?php echo $view['file'][1]['path'];?>/<?php echo $view['file'][1]['file'];?>" class="embed">gdocsViewer 첨부2 </a>
    </div>
    </div>
    </body>

    <!-- 11q.kr 첨부된 gdocsViewer 영역 시작입니다 - 추가끝 입니다 -->

    주)  본자료는 시현했으나  저의 시스템  모바일에서  안되서
          공부중 입니다

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.165.205) 작성일

    서버에 파일을 다운로드하기 위해서해야 할 일은 다음과 같습니다.

    https://stackoverflow.com/questions/3938534/download-file-to-server-from-url

    file_put_contents("Tmpfile.zip", file_get_contents("http://someurl/file.zip"));
    단 하나의 문제가 있습니다. 100MB와 같은 큰 파일이 있다면 어떨까요? 그런 다음 메모리가 부족하여 파일을 다운로드 할 수 없습니다.

    내가 원하는 것은 파일을 다운로드 할 때 디스크에 파일을 쓰는 방법입니다. 그렇게하면 메모리 문제가없이 더 큰 파일을 다운로드 할 수 있습니다.

    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.165.174) 작성일
    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.165.174) 작성일
    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.164.233) 작성일

    pc모드 (크롬브라우즈)에서  보이지 않네요

    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.164.233) 작성일
    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.165.185) 작성일

    첨부1의 경로와 파일이름
    <?php echo $view['file'][0]['path'];?>/<?php echo $view['file'][0]['file'];?>

     첨부2의 경로와 파일이름
     <?php echo $view['file'][1]['path'];?>/<?php echo $view['file'][1]['file'];?>


    echo "<a href='{$view[file][$i][path]}/{$view[file][$i][file]}'>";
    이렇게 한번 해보세요..

    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.165.185) 작성일
    profile_image

    돌돌이아빠님의 댓글

    no_profile 돌돌이아빠 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (112.♡.5.46) 작성일

    감사합니다.^^

    profile_image

    shimss11q님의 댓글의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.203.244) 작성일

    본자료는  pc 에서는 시현했으나    모바일에서  안되서 공부중 입니다

    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.203.244) 작성일
    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.203.238) 작성일
    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.203.238) 작성일
    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (210.♡.41.89) 작성일

    업로드확장자 추출하기
    http://sexy.pe.kr/tc/88

    profile_image

    shimss11q님의 댓글

    shimss11q 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (210.♡.41.89) 작성일

    첨부파일 시 확장자 체크 (이미지 체크)
    https://sir.kr/g4_tiptech/21438

    목록

    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


    • 일간 조회수
        • 게시물이 없습니다.
    • 주간 조회수
        • 게시물이 없습니다.
    • 월간 조회수
        • 게시물이 없습니다.


    Total 1,689 / 12 Page
    [ 시놀로지 NAS MEMORY DS712PLUS 메모리 HDD 하드 교체 홈피 정상 구동하기(사례) ] 댓글 2

    시놀로지 nas ds712plus hdd교체하기\r\n\r\n필수백업)백업을 web폴더및 mysql data를 백업한다\r\n하드웨어 구성)\r…

    [ 시놀로지 나스 nas vpn 주인장 장비 설정 하기 ]

    ♠vpn 설정 정보 자료링크 VPN 설정 참조 설치 바라며http://studyforus.tistory.com/212http://cafe.nav…

    [ 아미나 빌드 업데이트후 로그인 상단 글씨 로그인 상단글씨 클릭하면 팝업 되지 않을시 ]

    ♠개인적인 문제)로그인 상단 글씨 pc/모바일 모두 모바일 모드에서 로그인 상단글씨 클릭하면 팝업 되지 않을시......> 팝업메뉴가 안되…

    [ 인텔 정품 cpu 팬 높이 치수 / mini-itx 보드에 나스케이스 cpu 팬 (높이) 쿨러 구입 정보… ]

    인텔 정품 cpu 팬 높이 치수 / mini-itx 보드에 나스케이스 cpu 팬 (높이) 쿨러 구입 정보 가격 참조팬 종료별 비교 http://…

    [ [정보] VMware Player를 이용해서 XPEnology/Synology /헤놀로지 윈도우 서버 201… ] 댓글 4

    ♠[정보] VMware Player를 이용해서 XPEnology/Synology\r\n/헤놀로지 윈도우 서버 2016 구축 설치사용기 입니다\r…

    [ SK 인터넷과 IPTV 연결과 사설공유기 pc연결시 기존 IPTV와 PC 랜 연결시 화면 끝김 발생 대응 … ] 댓글 1

    SK 인터넷과 IPTV 연결과 사설공유기 pc연결시 기존 IPTV와 PC 랜 연결시 화면 끝김 발생 대응 허브및 공유기 ,서버 연결도기존 : I…

    [ MS 정품 무료 웹에디터 배포 다운로드(Microsoft Microsoft Expression Web 4) ] 댓글 8

    MS정품무료웹에디터배포다운로드(MicrosoftMicrosoftExpression\Web4)-홈페이지나블로그또는다양한웹페이지를만들때아마도HTML…

    [ 패리티 일괄성검사 빠르게 하는방법(dsm6)_시놀로지/헤놀로지 윈도우 vmware 사용자 ]

    시놀로지/헤놀로지 윈도우 vmware 사용자 패리티 일괄성검사 빠르게 하는방법\r\n1) 초기 하드구성을 볼륨단위로 묽어서 구성하라\r\n저는 …

    [ 옥션에서 싼값에 디지털TV 셋톱BOX 을 구입 > 셀런 tv / celruntv 새롭게 GHOST PATCH… ] 댓글 23

    옥션에서 싼값에 디지털TV 셋톱BOX 을 구입했는데 이것이 요물 단지 입니다사용상에 문제는 없으나 구글링하여kevin 분의 자료를 받아 업데이트…

    [ pwigo 암호 초기화및 이메일 확인하기 password change 패스워드 변경 하기 ]

    pwigo 암호 초기화및 이메일 확인하기 password change등록된 이메일을 모른다 확인하여 암호 변경https://11q.kr/piwi…

    [ 부하가 적은 파일 전송 FlashFXP 을 이용한 nas용 파일전송 백업 ftp 사용방법기 입니다 ] 댓글 6

    부하가 적은 파일 전송 FlashFXP 을 이용한 nas용 파일전송 백업 ftp 사용방법기 입니다FlashFXP에 오신 것을 환영합니다!Flas…

    [ 이메일 서버에서 왜 스펨메일이 생기는지 ?아시는 분 리풀좀 해주세요 ]

    이메일 서버에서 왜 스펨메일이 생기는지 ?아시는 분 리풀좀 해주세요>\r\n>\r\n>\r\n♠ 출처는 링크 참조 바랍니다. h…

    [ 준비)omvs 프로그램을 이용한 S* (B*v) IPTV 주소 따는 방법 준비 ]

    오! 멀티 캐스트 비디오 스캐너\r\n\r\n무료 비디오 스트리밍 멀티 캐스트 IP 주소를 찾을 수 있습니다! 멀티 캐스트\r\n비디오 스캐너.…

    [ RAID 볼륨 시스템 파티션 실패함 수정 방법 ]

    RAID 볼륨 시스템 파티션 실패함 수정 방법DSM 새로 설치후 이전 RAID/볼륨을 추가시 시스템 파티션\r\n실패함발생시 수리방법 > …

    [ 웹페이지 화면 표현 시간 ]

    그누보드5 팁자료실웹페이지 화면 표현 시간검색목록목록tail.php 에 아래와 같이 변경하면화면에 표현 하는데 걸리는 시간을같이 볼수 있습니다.…

    [ iptv시청과 iptime공유기 확인 사항과 20170717 채널 서치 ] 댓글 156

    첫번째)공유기 밑에 iptv 시청하면서 ip 확인 하는 방법MBC Sports+__를 보고 있습니다 , 주소는udp://239.192.59.3:…

    [ VMware Raw Device Mapping(RDM) 설정 ] 댓글 3

    VMware Raw Device Mapping(RDM) 설정서버관련2013.09.28 01:38뷰어댓글로이전글다음글VMware에서 datasto…

    [ u5pvr사용기) 제품사용기 사용사례 sound 출력 설정 버퍼링 정보 ] 댓글 1

    [U5PVR] U5PVR ATV 베타펌 리뷰 Ver. 1 (스샷 압박 주의) : 네이버 카페출처 : [Eddy Lab] UHD 미니 PC 포럼 …


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2025-07-09 18:28:42

    오늘의 홈 현황


    • 현재 접속자♨ 499 명
    • 오늘 가입자※ 1 명
    • 어제 가입자※ 1 명
    • 주간 가입자※ 7 명
    • 오늘 방문자 56,867 명
    • 어제 방문자 75,758 명
    • 최대 방문자 122,350 명
    • 전체 방문자 6,575,627 명
    • 전체 게시물※ 9,029 개
    • 전체 댓글수※ 25,722 개
    • 전체 회원수 11,732 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑