1.上傳檔案之後，想預覽上傳的圖片，input框的accept限制上傳檔案的型別，multiple為多檔案上傳，<div id="imglist"></div>用於存放圖片。

html程式碼：

//多檔案上傳
<input type="file" class="upload_image" id="fileupload" accept="image/*" multiple > 
//預覽圖片
<div id="imglist">  </div> 

2.獲取上傳的檔案，多檔案的需要遍歷file,根據需要判斷檔案大小，拼接檔案路徑，將圖片顯示在<div id="imglist"></div>

js程式碼：

$("#fileupload").change(function () {
   var file = $(this)["0"].files;
   var windowURL = window.URL || window.webkitURL;
    for (let i = 0; i < file.length; i++) {
      //限制圖片大小
      if (file[i].size > 1024 * 1024 * 2) {
         alert('圖片大小不能超過 2MB!');
      }
      //預覽圖片
      var dataURL = windowURL.createObjectURL(file[i]);
      $('#imglist').append($('<img/>').attr('src', dataURL));
   } 
}
 

//清空預覽的圖片
 $('#imglist').empty();  
//幾個檔案狀態->未選中檔案
var obj = document.getElementById('fileupload') ; 
 obj.outerHTML=obj.outerHTML;