상품등록시 이미지 미리보기 > 그누보드5 플러그인

그누보드5 플러그인

그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.

상품등록시 이미지 미리보기 정보

상품등록시 이미지 미리보기

첨부파일

itemform.txt (86.9K) 17회 다운로드 2023-09-03 21:58:06

테스트한 버전5.3

호환 가능 버전5.3 이상

본문

/adm/shop_admin/itemform.php 파일 수정

테스트 위치

http://music1020.iwinv.net/adm/

admin / 1234

수정내용


//수정전
<input type="file" name="it_img<?php echo $i; ?>" id="it_img<?php echo $i; ?>" >
//수정후
<input type="file" name="it_img<?php echo $i; ?>" id="it_img<?php echo $i; ?>" onChange="readURL(this,<?=$i?>)">
<img id="View<?=$i?>" src="#" alt="이미지 미리보기" style="width: 120px;display:none;"/>

하단스크립트


function readURL(input, num) {
        if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
                $('#View'+num).attr('src', e.target.result);
                $('#View'+num).css('display', '');
            }
          reader.readAsDataURL(input.files[0]);
        }
    }