关于图片上传之后立即显示,不用从后端获取

<body>
  <img src="" alt="" style=" 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>
原文地址:https://www.cnblogs.com/sisxxw/p/13321577.html