Program Note: JQuery 이미지 선택시 미리보기

*** HTML Code ***
<html>
<body>
    <img id="imgPreview src="">
    <input id="inputFile" type="file"></input>
</body>
</html>

*** Script Code ***
jQuery(function($) {
// File 선택(값 변경) Event 함수
$('#inputFile').change(function() {
    preview(this);
});

// 미리보기 함수
function preview(input)
{
if (input.files && input.files[0])
    {
   var reader = new FileReader();

       //파일 읽어들이기를 성공했을때 호출되는 이벤트 핸들러
     reader.onload = function (e) {
          $('#imgPreview').attr('src', e.target.result);
       };

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