본문 바로가기
Never Ending Study/JAVASCRIPT

js 이미지 미리보기

by 건방진참새 2019. 1. 30.

참고 : https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded


<input type="file" onchange="selectEditorImage(this)">


function selectEditorImage(input){

console.log(input);

if (input.files && input.files[0]) {

    var reader = new FileReader();


    reader.onload = function(e) {

      $('[alt="Preview"]').attr('src', e.target.result);

      $('[name="src"]').val(e.target.result);

    }


    reader.readAsDataURL(input.files[0]);

}

}