그누보드 view 페이지 첨부 이미지 파일명·원본·썸네일 정보 활용 방법

• 목록
• 스크랩

그누보드 view 페이지 첨부 이미지 파일명·원본·썸네일 정보 활용 방법

그누보드5 view 페이지에서 첨부된 이미지의 경로, 파일명, 썸네일 정보를 가져와 슬라이드나 커스텀 스킨에 적용하는 방법을 확인합니다.

그누보드 view 페이지 첨부 이미지 파일명 및 경로 추출 방법

그누보드5의 게시판 본문 view.skin.php 파일에서 $view['file'] 배열을 활용하면 첨부된 이미지의 파일명과 경로를 직접 추출하여 슬라이드 스킨이나 커스텀 갤러리 등 다양한 형태로 응용할 수 있습니다.

1. 이미지 정보 추출 코드 적용 위치

게시판 스킨 폴더 내의 view.skin.php 파일에 아래 PHP 코드를 추가합니다. 예제는 첫 번째 첨부 파일($view['file'][0])을 기준으로 합니다.

<?php
$filename = $view['file'][0]['file'];
$filepath = G5_DATA_PATH.'/file/'.$bo_table;
$filesrc = G5_DATA_URL.'/file/'.$bo_table.'/'.$filename;
$thumb = thumbnail($filename, $filepath, $filepath, 200, 200, false, true);
$thumbsrc = G5_DATA_URL.'/file/'.$bo_table.'/'.$thumb;

echo $filename;
echo "<br>";
echo $filepath;
echo "<br>";
echo $filesrc;
echo "<br>";
echo $thumb;
echo "<br>";
echo $thumbsrc;
?>

2. 출력되는 변수 값의 의미

• $filename: 서버에 실제로 저장된 이미지 파일명
• $filepath: 이미지가 저장된 data 폴더 경로 (썸네일 생성 시 필요)
• $filesrc: 이미지의 웹 접근 주소(URL)
• $thumb: 생성된 서버 저장용 썸네일 이미지 파일명
• $thumbsrc: 썸네일 이미지의 웹 접근 주소(URL)

3. 전체 이미지 순회 출력 방법

게시글에 첨부된 모든 이미지를 순회하며 출력하거나 활용하려면 for문을 사용하여 $i 변수로 인덱스를 지정하면 됩니다.

뷰(View) 페이지 첨부 이미지 썸네일 생성 및 출력 방법

기본적인 이미지 정보 추출 방법은 Q1을 참고하십시오. 썸네일 생성은 thumbnail() 함수를 사용합니다.

1. 썸네일 생성 및 출력 예시

view.skin.php 파일에서 아래와 같이 코드를 작성하여 썸네일 경로를 얻고 이미지 태그에 적용합니다.

<?php
$filename = $view['file'][0]['file'];
$filepath = G5_DATA_PATH.'/file/'.$bo_table;
// thumbnail(파일명, 원본경로, 썸네일저장경로, 가로, 세로,...)
$thumb = thumbnail($filename, $filepath, $filepath, 200, 200, false, true);
$thumbsrc = G5_DATA_URL.'/file/'.$bo_table.'/'.$thumb;
?>
<img src="<?php echo $thumbsrc;?>" alt="썸네일">

• 참고: $thumbsrc는 썸네일 이미지의 웹 주소(URL)입니다. 슬라이드 스킨이나 커스텀 갤러리 구현 시 이 변수를 활용하십시오.

그누보드 view 페이지 첨부 이미지 정보 활용 방법

그누보드5의 게시판 view.skin.php 파일에서 $view['file'] 배열을 활용하면 첫 번째 첨부 이미지의 파일명, 경로, 썸네일 정보를 가져와 슬라이드 스킨이나 커스텀 갤러리 등 다양한 형태로 응용하여 출력할 수 있습니다.

1. 이미지 및 썸네일 정보 추출 코드 적용

view.skin.php 파일에 아래 코드를 추가하여 각 변수의 값을 확인하고 활용할 수 있습니다. 예제는 첫 번째 첨부파일($view['file'][0])을 기준으로 합니다.

<?php
$filename = $view['file'][0]['file'];
$filepath = G5_DATA_PATH.'/file/'.$bo_table;
$filesrc = G5_DATA_URL.'/file/'.$bo_table.'/'.$filename;
$thumb = thumbnail($filename, $filepath, $filepath, 200, 200, false, true);
$thumbsrc = G5_DATA_URL.'/file/'.$bo_table.'/'.$thumb;

echo $filename;
echo "<br>";
echo $filepath;
echo "<br>";
echo $filesrc;
echo "<br>";
echo $thumb;
echo "<br>";
echo $thumbsrc;
?>

2. 출력되는 주요 변수 설명

• $filename: 서버에 실제로 저장된 이미지 파일명
• $filepath: 이미지가 저장된 data 폴더의 서버 경로 (썸네일 생성 시 필요)
• $filesrc: 원본 이미지의 웹 주소(URL)
• $thumb: 서버에 생성된 썸네일 이미지 파일명
• $thumbsrc: 썸네일 이미지의 웹 주소(URL)

상황별 판단 및 행동 가이드

내 상황	우선할 판단	다음 행동
그누보드5 뷰 페이지에서 특정 첨부 이미지의 파일명이나 URL을 가져와 커스텀 디자인에 활용하려는 경우	$view['file'] 배열과 상수를 조합해 직접 경로를 추출	view.skin.php에 $view['file'][0]['file'] 및 G5_DATA_URL 관련 코드를 삽입하여 변수 출력 여부 확인
첨부된 이미지를 기반으로 썸네일을 동적으로 생성하여 슬라이드 스킨 등에 적용하려는 경우	thumbnail() 함수에 올바른 서버 경로와 파일명을 인자로 전달	생성된 $thumbsrc 경로를 <img src> 태그에 적용하여 정상 출력 여부 점검

실전 FAQ

Q. 여러 장의 첨부 이미지를 순서대로 모두 출력하려면 어떻게 해야 하나요?

• 예외 및 대안: 첫 번째 이미지($view['file'][0])를 지정하는 대신 for문을 사용하여 $i 변수로 인덱스를 동적으로 순회하면 모든 첨부 이미지를 순서대로 처리할 수 있습니다.

Q. 썸네일 함수 실행 시 이미지가 정상적으로 생성되지 않거나 경로를 찾지 못할 때 확인해야 할 점은 무엇인가요?

• 막히는 지점: $filepath 변수에 지정된 G5_DATA_PATH.'/file/'.$bo_table 경로에 실제 파일이 업로드되어 있는지, 그리고 서버 폴더 권한 및 파일명 변수($filename)가 비어 있지 않은지 확인해야 합니다.

함께 보면 좋은 글

• 그누보드 최신글 및 갤러리 스킨 썸네일 대신 원본 이미지 출력하기
• 그누보드 첨부 이미지 썸네일 alt 태그에 글 제목 자동 삽입하기
• 그누보드 파일 업로드 시 원본 파일명 유지 및 변경 방지 방법

참고자료

기타 참고자료

• gnustudy.com — view 페이지에서 이미지 출력 - 파일명, 원본, 썸네일 정보 활용 방법 - 게시판스킨강좌, 그누보드5강좌
• sir.kr — 게시판 첨부파일의 썸네일이 생성이 안됩니다.(수정) - SIR - 개발자 커뮤니티