Javascript:localStorage.getItem(key) 不工作

Question

我正在尝试使用本地存储来存储一些纹理对象，但它似乎不起作用。

for (var i = 0; i < 6; i++) {
    localStorage.setItem("name" + i, Transition.blurPano.getTexture(path + img_name[i] + ".jpg", dfrd[i], true, i));

    console.log(localStorage.getItem("name" + i) == Transition.blurPano.getTexture(path + img_name[i] + ".jpg", dfrd[i], true, i));

        Transition.blurPano.mesh.material.materials[i].map = localStorage.getItem("name" + i);
    }

这里我尝试使用 key = "name"+ i 将键值对存储在本地存储中，而 value 是 gettexture 函数返回的纹理对象，但这不是好像没用。

Answer 1

您不能将对象直接存储在本地存储中。一种解决方法是在存储对象之前对其进行字符串化，然后在检索时对其进行解析:

var name = { 'first': 1, 'second': 2, 'third': 3 };

// Put the object into storage
localStorage.setItem('name', JSON.stringify(name));

// Retrieve the object from storage
var retrievedObject = JSON.parse(localStorage.getItem('name'));