FileUpload 透過 Input file

<前端讀取>

<input type = "file" id = "fileupload" accept = ".zip" multiple ="multiple" />

accept：可以接收的資料類型限制

accept = ".zip" 限定只能用zip上傳

同理可以 .image .png

multiple：true , false ，可以一次上傳多筆資料，預設false

多種則是 .image , .png , .zip

let fileUpload = document.querySelector('#fileupload');

fileUpload.addEventListener('change' . function(e){

  console.log(e.target.files[0]);

})

e.target.files 是一個file陣列

通常因為沒有一次上傳多筆資料因此可以用[0]抓取目標

此時的檔案並無法取得內容，只能取得檔案資訊，如name,size,type

let form = new FormData();

form.append("product[photos][]" , e.target.files[0]);

//jQuery

aJax({

    processData:false,

    data:form,

})