图片上传

最新推荐文章于 2024-08-24 22:16:11 发布

Kg_One

最新推荐文章于 2024-08-24 22:16:11 发布

阅读量506

点赞数

分类专栏： html JS 文章标签：本地图片上传

本文链接：https://blog.csdn.net/Eden_Yin/article/details/81292784

版权

JS 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

<body>
  请选择图片文件：
  <input type="file" multiple>
  <div class="info">
    <img src="" alt="">
  </div>

  <script>
    var input = document.querySelector('input');

    input.onchange = function () {
      //
      var file = input.files[0];
      //
      var fr = new FileReader();
      fr.readAsDataURL(file);
      //
      fr.onload = function () {
        console.log(fr.result);
        //
        document.querySelector('img').src = fr.result;
      }
    }
  </script>
</body>