在前端中用file控件实现上传图片，为什么只显示图片路径，而无法显示图片？？

Question

function draw(){
   var loadImg=document.getElementById("image").getContext('2d');
   var imgFile=document.getElementById("file");
   var img=new Image();
   img.onload= function () {
       loadImg.drawImage(img,0,0);
   }
   img.src=imgFile.innerHTML;
}
  window.onload= function () {
    draw();
}

<div id="image"></div>
   <input type="file" id="file" name="file" onchange="draw()" accept="image/*">

Answer 1

用src=""