<body>
<input class="file-upload-input" width="100%" height="225" type='file' onchange="readURL(this);"
accept="image/*" />
<img class="card-img-top" id="face-image" src="#" />
<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('.card-img-top').attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
} else {
}
}
</script>
</body>