文章詳情頁(yè)
html5 - input type=’file’ 上傳獲取的fileList對(duì)象怎么存儲(chǔ)于瀏覽器?
瀏覽:123日期:2022-12-13 14:04:07
問(wèn)題描述
let files = e.target.files;localStorage.setItem(’files’,JSON.stringify(files));存儲(chǔ)結(jié)果是:{'0':{}}怎么解決,在線等......
問(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. python3.x - python連oanda的模擬交易api獲取json問(wèn)題第五問(wèn)2. docker - 如何修改運(yùn)行中容器的配置3. nignx - docker內(nèi)nginx 80端口被占用4. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題5. java - SSH框架中寫分頁(yè)時(shí)service層中不能注入分頁(yè)類6. 關(guān)于docker下的nginx壓力測(cè)試7. 為什么我ping不通我的docker容器呢???8. node.js - 我是一個(gè)做前端的,求教如何學(xué)習(xí)vue,node等js引擎?9. javascript - js代碼獲取驗(yàn)證碼倒計(jì)時(shí)問(wèn)題10. html5 - 百度echart官網(wǎng)下載的地圖json數(shù)據(jù)亂碼
排行榜

熱門標(biāo)簽