자바스크립트(javascript) 첨부파일 이미지 미리보기

이미지 미리보기 되는것과 안되는 이미지

 

-html 코드

<input type="file" onchange="readURL(this);"> 
<img id="preview" />

-script 코드

<script>
function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function(e) {
      document.getElementById('preview').src = e.target.result;
    };
    reader.readAsDataURL(input.files[0]);
  } else {
    document.getElementById('preview').src = "";
  }
}
</script>

 

간단하게 구현된다!

여러개의 이미지는 어떻게 미리보기를 해야될까 고민!