Image upload preview

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<img class="preview" />
<input type="file" data-preview=".preview"/>

CSS

.preview {
	max-width: 200px;
	max-height: 200px;
	display: block;
}

JavaScript

$("input[data-preview]").change(function() {
	var $input = $(this);
	var fileReader = new FileReader();
	fileReader.readAsDataURL(this.files[0]);
	fileReader.onload = function(fileEvent) {
		$($input.data('preview')).attr('src', fileEvent.target.result);
	};
});