preview-image.js

$('[name="image"]').on('change',function(evt){
		if (!window.File && !window.FileReader && !window.FileList && !window.Blob)
			return false;
	    var file = evt.target.files[0]; // FileList object
		// Only process image files.
		if (!file.type.match('image.*')) {
		    return;
		}
		var reader = new FileReader();
		// Read in the image file as a data URL.
		reader.readAsDataURL(file);
		// Closure to capture the file information.
		reader.onload = (function(theFile) {
			return function(e) {
				$('.preview').attr('src', e.target.result);
			};
		})(file);
	});