$(document).ready( function() { // assume there is only one input[file] on page $("input[type='file']").each(function() { $(this).after(''); }) // mark required $("input[required]").each(function() { $(this).prev().prepend("*"); }) $("input[type='file']").change(function() { if (this.files && this.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#previewImage').attr('src', e.target.result); } reader.readAsDataURL(this.files[0]); } }); });