<div class="formDivList formImageBig">

    <input type="file" name="item_image" id="itemImage" class="Hidden">

    <table class="TableList">

        <tr>

            <td><img src="/images/objects/cameraView.png" id="itemImageSrc" align="absbottom" border="0" onclick="formUploadCheck('#itemImage','/images/objects/cameraView.png');" /></td>

            <td>

                <div class="formDivSubList" id="itemImageCaution" class="Hidden"></div>

                <div class="formDivSubList">파일크기 : <span id="itemImageSize">0</span> byte</div>

                <div class="formDivSubList">이미지크기 : <span id="itemImageImgSize">0&times;0</span></div>

                <div class="formDivSubList">

                    <a class="InputButton" onclick="formUploadCheck('#itemImage','/images/objects/cameraView.png');">이미지 선택</a>

                    <input type="checkbox" value="1" name="item_image_no_resave" id="item_image_no_resave_y"  align="absmiddle"/>

                    <label for="item_image_no_resave_y" style="vertical-align:absmiddle">JPG 파일 재저장 안하기</label>

                </div>

            </td>

        </tr>

    </table>

</div>

​

​

<script>

​

function formUploadCheck(nid,originalImg)

{

    if(!$(nid)){return;}

​

    $(nid).one('change', function(event) {

​

        if(!event.target.files[0]){return;}

        var imgPath=URL.createObjectURL(event.target.files[0]);

        var imgSize=this.files[0].size;

        if($(nid+"Src"))

        {

            var imgUrlOld=$(nid+"Src").attr('src');

            if(originalImg){imgUrlOld=originalImg;}

            $(nid+"Src").one('error',function(){

                $(nid).val("");

                if($(nid+"Src"))

                {

                    $(nid+"Src").attr('src',imgUrlOld);

                }

                if($(nid+"ImgSize"))

                {

                    $(nid+"ImgSize").html('0×0');

                }

                if($(nid+"Size"))

                {

                    $(nid+"Size").text('0');

                }

            }); 

​

            $(nid+"Src").attr('src',imgPath);

​

            var imgWidth=$(nid+"Src").get(0).naturalWidth;

            var imgHeight=$(nid+"Src").get(0).naturalHeight;

            if($(nid+"ImgSize"))

            {

                $(nid+"ImgSize").html($.number(imgWidth)+'×'+$.number(imgHeight));

            }

        }

        if($(nid+"Size"))

        {

            $(nid+"Size").html($.number(imgSize));

            var imgCautionMsg="";

            if(imgSize>(1024*1024*10)){imgCautionMsg='<span style="color:#f44;font-weight:bold;" class="Blink5">파일이 10M가 넘습니다. 포토샵 저장 문제가 있는지 확인하십시오.</span>';}

            else if(imgSize>(1024*1024*5)){imgCautionMsg='<span style="color:#44f;font-weight:bold;" class="Blink">파일이 5M가 넘습니다. 포토샵 저장 문제에 주의하십시오.</span>';}

            else if(imgSize>(1024*1024*2)){imgCautionMsg='<span style="color:#080;font-weight:bold;">파일이 2M가 넘습니다. 주의가 요구됩니다.</span>';}

            if($(nid+"Caution"))

            {

                $(nid+"Caution").hide();

                if(imgCautionMsg)

                {

                    $(nid+"Caution").html(imgCautionMsg);

                    $(nid+"Caution").show();

                }

            }

        }

    }).click();

}

window.setInterval(function(){$('.Blink').fadeTo(200, 0.1).fadeTo(200, 1.0);}, 1000);

window.setInterval(function(){$('.Blink5').fadeTo(100, 0.1).fadeTo(100, 1.0);}, 500);

​

</script>