input[type='file']获取上传文件路径案例

最近在项目时,需要获取用户的上传文件的路径,便写了一个demo:

<body>
  <input type="file" name="" value="">

  <script>
    var input = document.getElementsByTagName("input")[0];
    console.log(input);
    input.onchange = function () {
      var that = this;
      console.log(that.files[0]);
      var src = window.URL.createObjectURL(that.files[0])
      console.log(src);
      var img = document.createElement("img");
      img.style.width = "200px";
      img.src = src;
      document.body.appendChild(img);
    }
  </script>

效果及结果如下:

猜你喜欢

转载自www.cnblogs.com/xiaoyaoxingchen/p/9161591.html