javascript --- > 文件上传即时预览 && 闭包实现多图片即时预览

• 使用javascript原生功能实现,点击上传文件,然后再网页上显示出来

1. 初级显示

1.1 准备一个input标签和一个img标签

<input type=file id="file">
<img id="preview" src="">

1.2 js代码如下

 // 将上传的图片显示到页面上
  function showUpload() {
   
    // 选择文件上传控件
    var file = document.querySelector('#file')
    var img = document.querySelector('#preview')
    // 当用户选择完文件以后
    file.onchange = function() {
   
      // 1.创建文件读取对象
      var reader = new FileReader()
      // 用户选择的文件列表
      <