HTML+Jquery實現多圖片上傳預覽功能

HTML:使用input的onchange事件，它一改變就觸發事件

<p id="p3">
    <input name="File" onchange="update()" accept="image/png,image/gif,image/jpg,image/jpeg" id="FS" type="file" multiple>
</p>

JS:這是效果

function update() {
　　var Fs=$("#FS")[0];
　　for (var i=0; i<Fs.files.length; i++){
   　　formData_2.append("file", Fs.files[i]);
   　　//window.URL.createObjectURL可以用於在瀏覽器上預覽本地圖片或者視頻
　　　　var div="<div style='float:left'> <img id='img"+i+"' width='70px' height='70px' src='"+window.URL.createObjectURL(Fs.files[i])+"'/> </div>"
　　　 $("#p3").after(div);
    }
}