html5 - input type=’file’ 上傳獲取的fileList對象怎么存儲于瀏覽器？

問題描述

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

問題解答

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));