로그인

검색

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. 19
    Aug 2026
    17:14

    elFinder 창 화면에 가득 채우기

    elFinder 창을 브라우저 창에 여백 없이 가득 채우는 방법입니다. 👉 elfinder.html 파일의 하단부 수정 }, height : '100%', // 세로 브라우저에 맞춤 resizable : false // 크기변경 안함 }, managers : { // 'DOM Element ID': { /* elFinder options of th...
    Read More
  2. 19
    Aug 2026
    16:26

    썸네일 고화질로 만들기

    썸네일 이미지의 크기가 커지더라도 화질이 깨지지 않도록 설정하는 방법 👉 connector.minimal.php 파일 수정 $opts = array( 'bind' => array( // 이벤트 바인딩 설정... ), 'roots' => array( // 첫 번째 루트 볼륨 설정 array( 'driver' => 'LocalFileSyst...
    Read More
  3. 19
    Aug 2026
    15:20

    elFinder 서비스 만들기

    오픈소스 웹 파일관리자 elFinder 를 웹서버에 적용하는 방법입니다. 1. elFinder 소스를 다운로드합니다. github에 올라와 있는 자료는 소스가 그대로 노출된 오픈소프 파일입니다. elFinder의 구조를 이해하는데 도움이 되겠네요. 이 소스를 Fork하여 나만의...
    Read More
  4. 19
    Aug 2026
    13:16

    테마 스위치 적용하기

    elFinder 파일 관리자에서 테마를 원하는 형태로 자유롭게 지정하기 위하여 테마 선택기를 만들었음 css 파일에 테마 경로를 넣어 두고, 필요할 때 원하는 테마만 주석을 해제하거나, 테마경로를 넣어 주면됨. [적용방법] 1. 경로 및 파일 생성 elFinder 경로/...
    Read More
  5. 02
    Aug 2026
    13:41

    동영상 이미지 썸네일로 표현하기

    시놀로지 나스에서 웹스테이션을 통하여 elfinder 2.1.69 를 운영하고 있는데 동영상 파일이 아이콘으로만 표시되고 썸네일로 보여지지 않는 것을 알게 되었다. 그래서 elfinder 데모페이지에서 확인해 보니 썸네일이 잘 표현되고 있는 것이었다. 방법이 있을 ...
    Read More
  6. 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
  7. 26
    Dec 2025
    00:08

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

    glasspannel 글래스모피즘이 적용된 반투명한 패널을 만들어 줍니다. 설치경로 : /plugins/glasspannel/ config.js 추가 config.extraPlugins = 'glasspannel'; addButton : 'GlassPannel' Download : glasspannel_v1.0.zip - unsplash API 적용, 배경이미지 ...
    Read More
  8. 25
    Dec 2025
    23:49

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

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

    CKEditor 4 Toolbar 접고/펴기

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