Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

HTML5 <input type=“file” accept=“image/*” capture=“camera”> hiển thị như ảnh thay vì nút “chọn file”


Dùng JavaScript FileReader để cho người dùng chọn ảnh.

Ví dụ −

<form id = "myform" runat = "server">    <input type = 'file' id = "myimg" />    <img id = "myid" src = "#" alt = "ảnh mới" /> </form>

JS ở đây −

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]);    } }