JSFiddle - React, Tailwind, and code Playground
HTML
<h2>Preview images for MS-IE < 10</h2>
<form id="form1" runat="server">
<input type="file" class="file" onchange="imageURL(this)" />
<div id="replaceMe"></div>
</form>
CSS
#imgPreview {
width:320px;
height:280px;
}
JavaScript
function imageURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#replaceMe').attr('src', e.target.result)
.width(100)
.height(100);
}
reader.readAsDataURL(input.files[0]);
}
}