**HTM代码 **
<input id="file" name="file" class="form-control" type="file">
<img id="img" src="" alt="">
js代码
$('#file').change(function () {
var preview = document.querySelector('#img');
var file = document.querySelector('#file').files[0];
previewFile(preview,file);
});
<!--图片预览的公共方法-->
function previewFile(preview,file) {
var reader = new FileReader();
reader.onloadend = function () {
preview.src = reader.result;
}
if (file) {
// 上传图片
reader.readAsDataURL(file);
} else {
preview.src = "";
}
}