To get preview of Image using JQUERY
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#img_prev')
.attr('src', e.target.result)
.width(150)
.height(200)
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
<table >
<tr><td><img id="img_prev" src="#" height="200" width="150" alt="your image here"/></td> <td><input type='file' name="a" id="filename" onchange="readURL(this);"/></td></tr>
</table>
OUTPUT:
