본문 바로가기

About_JavaScript

[자바스크립트]첨부된 사진 미리보기 함수


function imgUpload() {
    var upload = document.getElementById('photoUP'),    //input의 이미지 객체 얻어오기
        holder = document.getElementById('uploadImg');    //이미지를 집어넣을 곳의 부모태그

    var file = upload.files[0],
        reader = new FileReader();
    reader.onload = function (event) {
        var img = new Image();
        img.src = event.target.result;
        if (img.width > 500) {     //넣으려는 사진 크기에 맞춰 width값을 제한하면 된다.
            img.width = 500;
        }
        holder.innerHTML = '';
        holder.appendChild(img);
    };
    reader.readAsDataURL(file);
    return false;
}