<input type='file' 이미지만 첨부 wrest.js

<input type='file' 이미지만 첨부 wrest.js > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

<input type='file' 이미지만 첨부 wrest.js 정보

<input type='file' 이미지만 첨부 wrest.js

본문

그누보드에서 일반적으로 파일 첨부할때 아래와 같습니다.

<input type='file' size='32' name='bf_file[]'>

위에 것을 이미지만 첨부시키기 위해 아래와 같이 간단히 사용합니다.

<input type='file' size='32' name='bf_file[]' itemname="파일형식" images>

그럼 첨부파일에서 이미지파일 형식 jpg, jpeg, gif, png 파일이 아닌 첨부파일은
이미지형식이 아니라며 알림창이 뜨는 기능 입니다.

위 처럼 사용하기 위해선 wrest.js 를 아래와 같이 1 ~ 3단계까지 추가해야 합니다.

// (1단계) 13 라인
    var arrAttr = new Array ('required', 'trim', 'minlength', 'email', 'hangul', 'hangul2',
                              'memberid', 'nospace', 'numeric', 'alpha', 'alphanumeric',
                              'jumin', 'saupja', 'alphanumericunderline', 'telnumber', 'hangulalphanumeric', 'images');

// (2단계) 대충 50라인 정도에 추가

    // file 에 이미지만 입력하게 new 20080509
    function wrestImages(fld)
    {
        if (!wrestTrim(fld)) return;

  var fn = fld.value;
        var dotIndex = fn.lastIndexOf(".");
        var ext = fn.substring(dotIndex+1).toLowerCase();
        if(ext != "jpg" && ext != "jpeg" && ext != "gif" && ext != "png")
        {
            fld.value = '';
            wrestMsg = wrestItemname(fld) + " : 이미지 형식이 아닙니다. \n\n(이미지 jpg, jpeg, gif, png 만 가능합니다) \n";
            wrestFld = fld;
        }
    }

// (3단계) 399 라인에 case 추가

                            // file 에 이미지만 입력하게 new 20080509
                            case "images"        : wrestImages(this.elements[i]); break;

좋은 하루 되시길 바랍니다.