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