HTML5 "파일 선택" 버튼이 아닌 이미지로 표시

JavaScript FileReader를 사용하여 사용자가 이미지를 선택할 수 있도록 합니다.

예를 살펴보겠습니다 -

<form id = "myform" runat = "server">
   <input type = 'file' id = "myimg" />
   <img id = "myid" src = "#" alt = "new image" />
</form>

여기 JS가 있습니다 -

function readURL(input) {
   if (input.files && input.files[0]) {
      var r = new FileReader();
      r.onload = function (ev) {
         $('#myid).attr('src', ev.target.result);
      }
      reader.readAsDataURL(input.files[0]);
   }
}