파일을 첨부할 때 이미지 파일만 허용하기 - 게시판스킨강좌, 그누보드5강좌

본문 바로가기
전체검색

게시판스킨강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

파일을 첨부할 때 이미지 파일만 허용하기

관리자 19-05-06 15:24

파일을 첨부할 때 이미지 파일만 허용하는 방법입니다.

이미지 외 파일을 등록하면 위와 같이 알림 메시지 창이 뜹니다.


 


수정 파일 : write.skin.php


<input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file">


파일 첨부 부분에서..


class="frm_file" 에 imagext 를 추가

class="frm_file imgext"


적용 후


<input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file imgext">



## 부연 설명 ##


imgext 가 실행되는 곳은 js/wrest.js 파일에 있습니다.



// 이미지 확장자
function wrestImgExt(fld)
{
    if (!wrestTrim(fld)) return;

    var pattern = /\.(gif|jpg|png)$/i; // jpeg 는 제외
    if(!pattern.test(fld.value)){
        if(wrestFld == null){
            wrestMsg = wrestItemname(fld)+" : 이미지 파일이 아닙니다.\n.gif .jpg .png 파일만 가능합니다.\n";
            wrestFld = fld;
            fld.select();
        }
    }
}



작동되는 방식은 아래 팁과 같으니 참고하세요.

http://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=244

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.