html5 - Eingabetyp = 'Datei' Wie speichere ich das durch Hochladen erhaltene FileList-Objekt im Browser?

Question

let files = e.target.files;
localStorage.setItem('files',JSON.stringify(files));
Das Speicherergebnis ist: {"0":{}}
So lösen Sie das Problem: Warten Sie online. ... ..

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