首页 » 前端 » Javascript » 正文

导出、导入 LocalStorage

发布者:站点默认
2025/02/14 浏览数(37) 分类:Javascript 导出、导入 LocalStorage已关闭评论

导出

let data = JSON.stringify(localStorage, null, 2);
let blob = new Blob([data], {type: "text/plain;charset=utf-8"});  
let url = URL.createObjectURL(blob);  
let link = document.createElement('a');  
link.href = url;  
link.download = 'LocalStorage_' + new Date().toISOString().replace(/[^0-9a-z]/ig, '') + '.txt';
link.click();
link.remove()

导入

const input = document.createElement('input');
input.type = 'file';
input.addEventListener('change', (event) => {
    const file = event.target.files[0];
    if (file) {
        const reader = new FileReader();
        reader.onload = (event) => {
            const contents = event.target.result;
            // 2. 将文件内容解析为 JSON 数据并写入 localStorage
            try {
                const parsedData = JSON.parse(contents);
                Object.keys(parsedData).forEach(key => {
                    localStorage.setItem(key, parsedData[key]);
                });
                alert('导入成功');
            } catch (error) {
                alert('导入失败:数据无法解析');
            }
        };
        reader.readAsText(file);
    }
});
input.click();
点击返回顶部
  1. 留言
  2. 联系方式