需求:上传照片后,在文件上传控件下方显示已经上传的图片文件
<form action="">
文件:<input type="file" name="myFile" id="myFile" onchange="getFile()" value="" /><br>
<input type="submit" name=""/>
<div><img src="" id="img"/></div>
</form>
function getFile(){
var reader=new FileReader();
var file=document.querySelector('#myFile').files;
console.log(file);
reader.readAsDataURL(file[0]);
reader.onload=function(){
console.log(reader.result);
document.querySelector("#img").src=reader.result;
}
}