HTML5 hiển thị dưới dạng hình ảnh chứ không phải nút “chọn tệp”

Sử dụng JavaScript FileReader để cho phép người dùng chọn hình ảnh.

Hãy để chúng tôi xem một ví dụ -

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

Đây là 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]);
   }
}