文章詳情頁(yè)
html5 - input type=’file’ 上傳獲取的fileList對(duì)象怎么存儲(chǔ)于瀏覽器?
瀏覽:117日期:2022-12-13 14:04:07
問(wèn)題描述
let files = e.target.files;localStorage.setItem(’files’,JSON.stringify(files));存儲(chǔ)結(jié)果是:{'0':{}}怎么解決,在線(xiàn)等......
問(wèn)題解答
回答1:e.target.files 不是數(shù)組,所以需要轉(zhuǎn)換成數(shù)組。
Array.from
數(shù)據(jù)的每一項(xiàng)都是一個(gè) File 對(duì)象,如果你想存儲(chǔ)文件名,可以取 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));
標(biāo)簽:
Html5
相關(guān)文章:
1. python - Django有哪些成功項(xiàng)目?2. 實(shí)現(xiàn)bing搜索工具urlAPI提交3. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)4. Python從URL中提取域名5. 關(guān)于mysql聯(lián)合查詢(xún)一對(duì)多的顯示結(jié)果問(wèn)題6. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑!求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦,實(shí)在是找不到哪里的問(wèn)題了。7. node.js - 微信小程序websocket連接問(wèn)題8. 直接打字符不可以嗎?>和>有區(qū)別嗎9. node.js - windows10下的npm全局路徑的復(fù)原或者將npm徹底刪除?10. Python中使用超長(zhǎng)的List導(dǎo)致內(nèi)存占用過(guò)大
排行榜

熱門(mén)標(biāo)簽