##选择图片后即时显示

选择图片后即时显示

<input type="file" name="name" value="图片" id="file">
  <img src="#" alt="上传图片" id="img" style="width:100px; height:100px"/>
  <script type="text/javascript">
  /**
  * @description 点击即时显示图片。无需上传
  */
    window.onload = function() {
      var file = document.getElementById("file");
      var img = document.getElementById("img");
      file.onchange = function() {
        //console.log(file.files);
        //console.log(window.URL.createObjectURL(file.files[0]));
        img.src = window.URL.createObjectURL(file.files[0]);      //即时显示图片。
        //参考文档  https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications
      }
    }
  </script>