本文主要介紹js讀取本地文件內(nèi)容并寫入(json文件由js讀寫)，下面一起看看js讀取本地文件內(nèi)容并寫入(json文件由js讀寫)相關(guān)資訊。
直接編碼
！doctype htmlhtmlheadmeta charset = utf8 讀寫本地文件/title/headscripttype = 文本/javascript (function(console){ console . save = function(data，filename) {if(！data){ consol: ;文/json ;})，e = document . create event( ;鼠標(biāo)事件 )，a = document . createelement( ;a );a.download =文件名；a.href =窗口。url . createobjecturl(blob)；a . dataset . download url =[ ;文/json ;，a .下載，a.href】。加入( : ;);initmouseevent( ;點(diǎn)擊 ，true，false，window，0，0，0，0，0，false，false，false，false，false，0，null)；a.dispatchevent(e) })(控制臺(tái))；var arr = new array；var temp _ str = var i = 0；函數(shù)show preview(source){ var input = source；var reader = new filereader；reader . readas text(input . files[0])；reader . onload = function{ if(reader . result){//顯示文件的內(nèi)容。temp _ str = reader.result}};}函數(shù)show text{ if(temp _ str = = ){ alert( 請先上傳文件);} else { document . getelementbyid( 文本 ).innerhtml = temp _ str} }函數(shù)savetext{ var text = document . getelementbyid( 文本 ).價(jià)值；if(text = = ){ alert( 沒有內(nèi)容 );}else{console.save(text， data.json );} }/scriptbodydiv styl: flex；justifycont:中心； div id = div align = 中心和styl: 300 px；h: 600 px；backgroundcolor: # eee； br輸入類型= 文件 name = 文件 價(jià)值= 上傳文件onchange = 顯示預(yù)覽(本) brbrbrbrbr輸出類型= 按鈕 價(jià)值= 顯示文件內(nèi)容onclick = showtext。 brbr輸入類型= 按鈕 價(jià)值= 將文件內(nèi)容另存為onclick = sav:中心1000pxh: 600 px；backgroundcolor: # 000000； t: 1000 px；h: 600 px；backgroundcolor: # 000000；color: # ffffff； /textarea/div/div/body/html標(biāo)記:
內(nèi)容文件
了解更多js讀取本地文件內(nèi)容并寫入(json文件由js讀寫)相關(guān)內(nèi)容請關(guān)注本站點(diǎn)。