需求:上传照片后,在文件上传控件下方显示已经上传的图片文件 <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; } }