首页 > Web开发 > 详细

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

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!