html：

<div class="right">
    <div class="imgList">
     </div>
    <div class="add">
      <div class="icon"></div>
      <div class="text">上傳憑證<br>（最多9張）</div>
    </div>
    <input type="file" name="images[]" onchange="choose_files()" accept="image/*" multiple style="display: none">
</div>

js：

      $('.right .add').click(function () {
        $('.right input[type=file]').trigger('click')
      })

      imageCount = 0; // 圖片總數(shù)
      imgList = []; // 圖片組

      function choose_files() {
        console.log("選擇文件");
        var files = $('.right input[type=file]')[0].files;
        if (imageCount > 9) {
          alert('圖片已達上限!');
          return false;
        }

        var html = '';
        for (let i = 0; i < files.length; i++) {
          imageCount++;
          // 通過 FileReader 實現(xiàn) 圖片預(yù)覽
          var reader = new FileReader();
          reader._imageCount = imageCount
          reader.readAsDataURL(files[i])
          reader.onload = function (re) {
            // re.target.result就是讀出的文件base64編碼字符串
            $('.img.img-' + re.target._imageCount + ' img').attr('src', re.target.result)
          }

          html = html + '<div class="img img-' + imageCount + '"><img src="" alt=""></div>';
          imgList.push(files[i])
        }
        $('.right .imgList').append(html);
      }