<body>
<img src="" alt="" style="width: 400px;height: auto;" class="loadimg">
<input type="file" id="loadFile">
</body>
<script>
$('#loadFile').change(function () {
//取出图片
var file=this.files[0];
//判断浏览器是否有FileReader
if(window.FileReader){
var reader=new FileReader();
//读取文件
reader.readAsDataURL(file);
//监听文件读取结束并获取url
reader.onloadend=function(e){
var url=e.target.result;
$('.loadimg').attr("src",url);
}
}
})
</script>