html5 - input type='file' Comment stocker l'objet fileList obtenu en téléchargeant dans le navigateur ?

Question

let files = e.target.files;
localStorage.setItem('files',JSON.stringify(files));
Le résultat du stockage est : {"0":{}}
Comment le résoudre, attendez en ligne. ... ..

Answer 1

e.target.files n'est pas un tableau, il doit donc être converti en tableau.

Array.from

Chaque élément de données est un objet Fichier Si vous souhaitez stocker le nom du fichier, vous pouvez prendre l'attribut name.

Le code est probablement comme ceci :

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

ou

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