HTML5 input type="file" accept="image/*" capture="camera" को "चुनें फ़ाइल" बटन के बजाय इमेज के रूप में प्रदर्शित करें

FileReader के साथ इमेज प्रीव्यू

उपयोगकर्ताओं को इमेज चुनने की अनुमति देने के लिए JavaScript FileReader का उपयोग करें।

उदाहरण

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

JavaScript

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

यह फ़ाइल चयन के तुरंत बाद चयनित इमेज का प्रीव्यू दिखाता है।