로그인

검색

Extra Form

elfinder Cloud Thumbnailselfinder Cloud Thumbnail Setting


엘파인터에서 클라우드와 같이 썸네일을 표시할 수 없는 다른위치에 있는 파일의 썸네일을 표현하는 방법 

 

서버에서 실제파일의 위치는 /Documents 에 있고, 

웹서비스 루트는 /publichtml 인경우 

elfinder 의 기본 설정 connector.php 파일 

$opts = array(...) 부분에서

    'roots' => array(...) 부분의 // Items volume 내용을 수정하여 실제파일의 경로와  Mimetype, Access 방법, 썸네일 구성을 설정하게 됩니다. 

서비스하려는 파일이 웹 루트(publichtml) 안에 위치하는 경우 기본 썸네일은 파일의 기본경로에 있는 .tmb 폴더에 기록됩니다. 따라서 특별한 설정을 하지 않더라도 사용자가 웹서비스를 통해 해당 경로에 접근하게 되면 자동을 .tmb 폴더를 생성하여 썸네일이 만들어지게 됩니다. 

 

그러나 클라우드 드라이브나, ftp 를 통한 연결, 웹서비스 스토리지내의 웹루트의 상위 경로 등 웹서비스 경로가 아닌 위치에 접근하도록 설정하는 경우 다음과 같은 문제가 발생합니다. 

  • 실제파일을 서비스하고자 하는 경로의 .tmb 가 생성되고 이 위치에 썸네일이 생성됨
  • 생성된 썸네일을 불러오고자 하는 경우 웹 루트(publichtml)에 위치하지 않으므로 이 썸네일 파일은 잘못된 URL을 가지게 됨. 따라서 썸네일은 생성이 되었으나 웹에서 이 썸네일을 보여줄수 없음. 
    - 예) /Documents/.tmb/생성된썸네일.png → 웹서비스) 도메인/../Documents/.tmb/생성된썸네일.png 
      즉, https://yangel.familyds.com/Documents/.tmb/생성된썸네일.png 와 같은 형태로 서비스 되므로 실제 이미지는 보이지 않음. 

[해결방법]

  1. 웹루트 아래에 썸네일을 위한 폴더를 생성함.
    예시) /publichtml/TMP/.tmb    // 소유자 html, 권한 777
  2. 실제서비스할 폴더의 권한을 웹에서 읽을 수 있도록 허용 
    예시) /Documents                 // 소유자 html, 권한 755, 777 보안을 고려하여 적당히 설정
  3. connector.php 에서 $opts = array(...); 을 벗어난 위치에 아래 내용 설정 
    Cloud Volumes 설정을 위한 경로와 보관 기간 등 생성
    // Thumbnail settings for cloud volumes
    	$tmbConfig = array(
    	    'tmbPath'          => '../TMP/.tmb',
    	    'tmbURL'           => dirname($_SERVER['PHP_SELF']) . '/../TMP/.tmb/',
    	    'tmbGcMaxlifeHour' => 2160, // 90 days
    	    'tmbGcPercentage'  => 5,    // 5 execute / 100 tmb querys
    	);
  4. connector.php 에서 $opts = array(...); 을 벗어난 위치에 아래 내용 설정
    $opts['roots'][] = array_merge($tmbConfig,
    	  array(
    	       'phash' => 'g1_Lw',   // 소속 그룹 설정
    	      'driver' => 'LocalFileSystem',   // driver for accessing file system (REQUIRED)
    	        'path' => '../../../Documents/',  // 파일 서비스 경로
    	   'trashHash' => 't1_Lw',     // 휴지통 그룹 명칭
    	  'winHashFix' => DIRECTORY_SEPARATOR !== '/',
    	  'uploadDeny' => array('all'),  // 거부할 Mimetypes
    	 'uploadAllow' => array('all'),  // 허용할 Mimetypes
    	 'uploadOrder' => array('deny', 'allow'), // 허용, 거부 등 
    	       'alias' => 'ShareSpace',   // 표시할 이름  
    	'accessControl' => 'access', 
    	     'defaults' => array('read' => true, 'write' => true),
    	       'tmbURL' => dirname($_SERVER['PHP_SELF']) . '/../TMP/.tmb/'
    	  )
    	);

     
  5. $tmbConfig 를 변형하여 다수의 경로를 등록할 수 있음
     

    // Thumbnail settings for cloud volumes
    	$tmbConfig1 = array(
    	      'tmbPath' => '../TMP/.tmb1',
    	       'tmbURL' => dirname($_SERVER['PHP_SELF']) . '/../TMP/.tmb1/',
    	); 
    	$tmbConfig2 = array(
    	      'tmbPath' => '../TMP/.tmb2',
    	       'tmbURL' => dirname($_SERVER['PHP_SELF']) . '/../TMP/.tmb2/',
    	);
    // Cloud Volumes Setting
    	$opts['roots'][] = array_merge($tmbConfig1,
    	  array(
    	  'phash'   => 'g1_Lw',                // 소속 그룹 설정
    	  'driver'        => 'LocalFileSystem',           // driver for accessing file system (REQUIRED)
    	  'path'          => '../../../Documents/',                 // path to files (REQUIRED)
    	  'trashHash'     => 't1_Lw',                     // elFinder's hash of trash folder
    	  'winHashFix'    => DIRECTORY_SEPARATOR !== '/', // to make hash same to Linux one on windows too
    	  'uploadDeny'    => array('all'),                // All Mimetypes not allowed to upload
    	  'uploadAllow'   => array('all'),                // Mimetype `image` and `text/plain` allowed to upload
    	  'uploadOrder'   => array('deny', 'allow'),      // allowed Mimetype `image` and `text/plain` only
    	  'alias'         => 'ShareSpace', 
    	  'accessControl' => 'access',                     // disable and hide dot starting files (OPTIONAL)
    	  'defaults' => array('read' => true, 'write' => true),
    	  'tmbURL'        => dirname($_SERVER['PHP_SELF']) . '/../files/.tmb1/'
    	)
    	);
    	
    	$opts['roots'][] = array_merge($tmbConfig2,
    	array(
    	   'phash'   => 'g1_Lw',                // 소속 그룹 설정
    	   'driver'        => 'LocalFileSystem',           // driver for accessing file system (REQUIRED)
    	   'path'          => '../../../Camera/',                 // path to files (REQUIRED)
    	   'trashHash'     => 't1_Lw',                     // elFinder's hash of trash folder
    	   'winHashFix'    => DIRECTORY_SEPARATOR !== '/', // to make hash same to Linux one on windows too
    	   'uploadDeny'    => array('all'),                // All Mimetypes not allowed to upload
    	   'uploadAllow'   => array('all'),                // Mimetype `image` and `text/plain` allowed to upload
    	   'uploadOrder'   => array('deny', 'allow'),      // allowed Mimetype `image` and `text/plain` only
    	   'alias'         => 'Photos', 
    	   'accessControl' => 'access',                     // disable and hide dot starting files (OPTIONAL)
    	   'defaults' => array('read' => true, 'write' => false),
    	   'tmbURL'        => dirname($_SERVER['PHP_SELF']) . '/../files/.tmb2/',
    	)
    	);

     


  1. 26
    Dec 2025
    11:24

    stickers v3.0

    😀 stickers Ckeditor 4 Plugins stickers Add-on installation instructions If you want to add the plugin manually, you will need to: 1. Extract the downloaded plugin .zip into the plugins folder of your CKEditor installation. Example: http://e...
    Read More
  2. 26
    Dec 2025
    00:08

    glasspannel - 글래스모피즘 패널 생성기

    glasspannel 글래스모피즘이 적용된 반투명한 패널을 만들어 줍니다. 설치경로 : /plugins/glasspannel/ config.js 추가 config.extraPlugins = 'glasspannel'; addButton : 'GlassPannel'
    Read More
  3. 25
    Dec 2025
    23:49

    rainbowcode - Code Snippet과 Syntex Highlight 을 적용한 소스코드 입력을 위한 플러그인

    rainbowcode CKEditor 플러그인 소스코드를 본문에 입력할 수 있는 Code Snippet 플러그인으로 Syntex Highlight를 적용하여 문법에 따른 색상값을 적용하여 소스코드 구분이 쉽다. 의존 플러그인 : 아래 플러그인이 같이 설치되어 있어야 함. - lineutils - w...
    Read More
  4. 18
    Dec 2025
    21:40

    CKEditor 4 Toolbar 접고/펴기

    CKEditor 4 의 Toolbar 를 접었다 폈다 할 수 있는 아이콘을 만들고, 기본 상태를 설정합니다. 바로 이렇게요. config.js 파일에 아래의 내용을 추가합니다. // 툴바 접고 펴기 config.toolbarCanCollapse = true; config.toolbarStartupExpanded = true;
    Read More
  5. 26
    Mar 2024
    12:43

    Rhymix(XE)의 sketchbook5 방명록형 스킨 사용시 권한없는 사용자에게 "비밀글입니다." 숨기기

    Sketchbook5 방명록형 사용시 비밀글은 읽기 권한이 없는 사용자에게 노출될 필요가 없으므로 "비밀글입니다." 화면까지 완전히 보이지 않게 하여 깔끔한 게시판을 유지할 수 있도록 만드는 방법입니다. 위의 이미지에서 빨강 부분을 완전히 사라지게 합니다. ...
    Read More
  6. 23
    Mar 2024
    09:18

    Rhymix에 네이버 클로바 나눔손글씨 웹폰트 적용하기

    Rhymix와 Ckeditor 4.0 을 이용환경에서 네이버에서 제공하는 클로바 나눔손글씨를 적용하는 방법 https://hangeul.naver.com/font/clova 에 접속하여 원하는 글꼴을 선택 후 클릭 웹 폰트 URL 부분의 코드를 복사하여 레이아웃 "HTML/CSS 설정"에 넣어 줌 <li...
    Read More
  7. 29
    Feb 2024
    13:17

    PlannerXE123 게시판 스킨에서 회원만 글쓰기 가능 설정

    PlannerXE123 게시판 스킨(일정 달력)에서 글쓰기 권한이 없는 사람에게도 달력의 날짜(일정 등록)가 링크되어 권한이 없다고 나타나서 무엇인가 지저분한 느낌이 들었다. 글쓰기 권한이 없는 사람에게 달력을 보여주기는 하지만 마우스 hover 시 클릭이 되지 ...
    Read More
  8. 10
    Dec 2023
    00:49

    Rhymix(XE) 보드스킨 sketchbook5 에서 카테고리 영역의 배경 지

    sketchbook5 > css > board.css 또는 black.css 수정 .bd_cnb .bg_f_f9 { background: transparent; background-image: url(이미지URL); background-size: cover; border-color: transparent; }
    Read More
  9. 18
    Nov 2023
    11:24

    rhymix (XE) - ckeditor에 Google Fonts 넣는 방법

    Google Fonts - Hi Melody 넣기 구글폰트에서 제공하는 예쁜 한글 글꼴 Hi Melody를 Rhymix 홈페이지에 넣어 보도록 하겠습니다. Rhymix 웹편집기 ckeditor와 조합하여 언제든 게시글에 예쁜 구글폰트를 넣을 수 있습니다. 1. 구글폰트를 검색해서 원하는 폰트...
    Read More
Board Pagination Prev 1 2 3 4 5 Next
/ 5