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