文章詳情頁
html5 - input type=’file’ 上傳獲取的fileList對(duì)象怎么存儲(chǔ)于瀏覽器?
瀏覽:136日期:2022-12-13 14:04:07
問題描述
let files = e.target.files;localStorage.setItem(’files’,JSON.stringify(files));存儲(chǔ)結(jié)果是:{'0':{}}怎么解決,在線等......
問題解答
回答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. android - weex 項(xiàng)目createInstanceReferenceError: Vue is not defined2. javascript - 如圖,百度首頁,查看源代碼為什么什么都沒有?3. 網(wǎng)頁爬蟲 - python requests爬蟲,如何post payload4. javascript - 原生APP內(nèi)嵌H5頁面分享到微信朋友圈,二次分享問題。5. javascript - 為什么clearInterVal不起作用呢?6. html - 關(guān)于CSS實(shí)現(xiàn)border的0.5px設(shè)置?7. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入8. android - 哪位大神知道java后臺(tái)的api接口的對(duì)象傳到前端后輸入日期報(bào)錯(cuò),是什么情況?求大神指點(diǎn)9. pdo 寫入到數(shù)據(jù)庫的內(nèi)容為中文的時(shí)候?qū)懭雭y碼10. PHP類封裝的插入數(shù)據(jù),總是插入不成功,返回false;
排行榜

熱門標(biāo)簽