[javascript] image 파일 base64변환 input[type=file]

const image_target_box = "#image_target_box";
function getBase64(file) {
   if(!!file){
        console.log(file.name);
       var reader = new FileReader();
       reader.readAsDataURL(file);
       reader.onload = function () {
         $(image_target_box).attr('src', reader.result);
       };
       reader.onerror = function (error) {
         console.log('Error: ', error);

       };
   }
}

img 태그 지정. 업로드 전 실시간으로 보기.

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file);

input type=file 태그에서 파일을 로드 후 getBase64 함수 실행