html5 - input type='file' 上傳取得的fileList物件怎麼儲存於瀏覽器？

Question

let files = e.target.files;
localStorage.setItem('files',JSON.stringify(files));
儲存結果是：{"0":{}}
怎麼解決，在線等......

Answer 1

e.target.files 不是數組，所以要轉換成數組。

Array.from

資料的每一項都是一個 File 對象，如果你想儲存檔案名，可以取 name 屬性。

程式碼大概是這樣的：

let files = Array.from(e.target.files).map(x => x.name);
localStorage.setItem('files',JSON.stringify(files));

或

let files = [...e.target.files].map(x => x.name);
localStorage.setItem('files',JSON.stringify(files));