upload and preview

by ian_smithz

HTML

<form id="form1" runat="server">
        <input type='file' id="imgInp" />
        <input type='file' id="imgInp2" />
        <img id="blah" src="#" alt="your image" />
        <img id="blah2" src="#" alt="your image" />
    </form>

JavaScript

var reader = new FileReader();
var reader2 = new FileReader();

reader.onload = function (e) {
    $('#blah').attr('src', e.target.result);
}

reader2.onload = function (e) {
    $('#blah2').attr('src', e.target.result);
}
   
   function readURL(input) {
        if (input.files && input.files[0]) {
            reader.readAsDataURL(input.files[0]);
        }
    }
    
   function readURL2(input) {
        if (input.files && input.files[0]) {
            reader2.readAsDataURL(input.files[0]);
        }
    }
    
    $("#imgInp").change(function(){
        readURL(this);
    });
    
    $("#imgInp2").change(function(){
        readURL2(this);
    });