js实现选择图片后回显

　　 <img id="img" src="./default.jpg"/><br/>
    <form id="form" action="http://127.0.0.1/re" method="post" enctype="multipart/form-data">
        <input id="file" name="file" type="file"/>
        <br/>
        <input id="userName" name="userName" type="text" placeholder="用户名"/>
        <br/>
        <input id="userPwd" name="userPwd" type="password" placeholder="密码"/>
        <br/>
        <input id="btn_submit" type="submit"/> 
    </form>

 

---

 

<script src="./jquery-3.4.1/jquery-3.4.1.js"></script>
<script>
   $("#file").change(function(){
      // 获取文件对象
      var f = $("#file")[0].files[0];
      // 获取URL对象
      var URL = window.URL || window.webkitURL;
      // 获取url
      var url = URL.createObjectURL(f);
      $("#img").attr("src",url);
   });
</script>