<JavaSctipt>FileReader 파일 미리보기

<input type='file' accept='image/*' onchange='openFile(event)'><br>

<img id='output'>

<script>

  var openFile = function(event) {

    var input = event.target;

    var reader = new FileReader();

    reader.onload = function(){

      var dataURL = reader.result;

      var output = document.getElementById('output');

      output.src = dataURL;

    };

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

  };

</script>

실행 예시

출처:http://www.javascripture.com/FileReader