uniapp储存到本地的方法

Uniapp提供了多种本地存储的方式，包括LocalStorage、SessionStorage、IndexedDB等。

其中LocalStorage是最常用的一种本地存储方式，可以将数据以键值对的形式存储在浏览器的本地存储空间中。在Uniapp中，可以通过uni.setStorage和uni.getStorage方法实现数据的存取。

示例代码：

// 存储数据
uni.setStorage({
key: 'username',
data: '张三',
success: function () {
console.log('数据保存成功');
}
});

// 获取数据
uni.getStorage({
key: 'username',
success: function (res) {
console.log('获取数据成功：' + res.data);
}
});

除了LocalStorage外，Uniapp还支持其他几种本地存储方式。如果您需要更高级的本地存储功能，可以使用IndexedDB等其他方式。

相关问题

uniapp存储数据到本地

回答: 在uni-app中，可以使用不同的技术实现将数据存储到本地。其中，可以使用uni.setStorage和uni.getStorage来实现数据的存储和读取。在H5端，数据会被存储在localstorage中，但是其大小只有5M，超过会被清理。而在App端，可以使用特有的API中的plus.io、plus.storage和plus.sqlite来实现本地的数据存储。使用plus.storage可以实现持久化的存储，不会被当做缓存清理。使用plus.io可以进行离线缓存，但需要了解IO系统的详细API，以确保文件能够正常缓存到设备目录中。另外，使用plus.sqlite需要具备SQL语句语法的知识，以及了解如何创建数据库和表，通过数据库在本地进行数据查询。根据具体需求和平台，可以选择合适的技术实现将数据存储到本地。
#### 引用[.reference_title]
- *1* *2* *3* [Uniapp的APP端实现本地离线缓存](https://blog.csdn.net/weixin_46820017/article/details/126728907)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

uniapp 异步储存本地

### UniApp 实现异步本地存储

在 UniApp 开发中，为了满足不同场景下的需求，提供了多种方式进行本地存储。对于需要处理大量数据或希望提升用户体验的应用程序来说，采用异步方式执行本地存储操作是非常重要的。

#### 使用 `uni.setStorage` 进行异步存储

`uni.setStorage` 是一种用于设置本地缓存指定 key 的方法，支持异步调用。此接口会尝试将数据保存至设备的本地存储空间内，在成功完成之后通过回调函数返回结果[^1]。

function saveDataAsync(key, value) {
    uni.setStorage({
        key: key,
        data: value,
        success(res) {
            console.log('数据已成功保存');
        },
        fail(err) {
            console.error('保存失败:', err);
        }
    });
}

上述代码展示了如何定义一个名为 `saveDataAsync` 函数来实现简单的键值对形式的数据异步存储功能。当调用该函数并传入相应的参数时，它将会把给定的数据项按照指定名称存储起来，并且会在完成后打印一条消息表示操作已完成；如果遇到错误，则记录下具体的异常信息。

#### 利用 Promise 封装更灵活的操作

为了让开发者能够更加方便地利用 JavaScript 的现代特性编写简洁高效的代码，可以考虑基于原生 API 对其进一步封装成 promise 形式的工具类：

const storageUtil = (() => {
    function setItem(key, item) {
        return new Promise((resolve, reject) => {
            try {
                uni.setStorage({key:key,data:item});
                resolve();
            } catch (error){
                reject(error);
            }
        });
    }

    async function exampleUsage() {
        await setItem('exampleKey', 'This is an example.');
        console.log('Example usage completed successfully!');
    }

    return {setItem, exampleUsage};
})();

这段代码创建了一个闭包结构中的对象 `storageUtil`,其中包含了两个主要成员:`setItem` 和 `exampleUsage`.前者接受一对键值作为输入并将它们异步地写入到本地存储;后者则提供了一种示范性的应用场景展示如何使用这些辅助函数[^2].