码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-06-09 23:09:22      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:window   body   NPU   script   技术   案例   bubuko   .com   var   

最近在项目时,需要获取用户的上传文件的路径,便写了一个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>

效果及结果如下:

技术分享图片

 

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

标签:window   body   NPU   script   技术   案例   bubuko   .com   var   

原文地址:https://www.cnblogs.com/xiaoyaoxingchen/p/9161591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!