js File型別本地儲存與讀取

2021-10-08 20:06:35 字數 527 閱讀 1784

首先將file檔案轉為base64

利用filereader的讀取功能,完成後會觸發onload事件,result屬性即為base64編碼

由於得到的base64編碼基本會超過5m,所以需要對localstorage進行額外操作,

可以用localforage:優先使用indexeddb儲存,如果不支援,使用websql,瀏覽器還不支援,使用localstorage

// file為file型別檔案

var reader = new filereader();

reader.onload = () => ;

reader.readasdataurl(file);

最後讀取儲存的資料

// filename為儲存的key

localforage.getitem(filename, (err, value) =>

});

本地儲存與呼叫

永久儲存 把內容格式成字串格式 localstorage.setitem 儲存到本地的名 json.stringify 儲存的內容 要獲取儲存的時候先進行判斷 localstorage.getitem 儲存到本地的名 null localstorage.getitem 儲存到本地的名 undefin...

本地儲存 cookie與storage

cookie 資料儲存到計算機中,通過瀏覽器控制新增與刪除資料 cookie特點 1.儲存限制 網域名稱100個cookie,每組大小4kb 2.客戶端 伺服器端,都會請求伺服器 頭資訊 3.頁面間的cookie是共享 cookie的使用 新增 獲得 刪除cookie function setcoo...

cookie與本地儲存localStorage

cookie預設是臨時儲存的,當瀏覽器關閉時,自動銷毀。如果想長時間存放乙個cookie,同時需要設定乙個過期時間。localstorage.keyname value localstorage keyname value 注 localstorage是長期資料儲存,sessionstorage臨時...