导航到不同页面时存储大量数据（> 5MB）

Question

我目前需要在浏览网站的不同步骤/页面时存储不同的信息。目前我使用sessionStorag - 这里是一个例子

sessionStorage.setItem("src", "" + $('#newImage').attr('src'));

示例是一个最大为10 MB的图像。 sessionStorage工作正常，直到限制超过......

你能建议一个替代方案吗？我想不将数据发送到数据库并每次重新加载它。

Answer 1

我真的不知道你想要做什么，但如果你愿意，你可以试试这个例子。

First Page.html：

localStorage.setItem("keypressed", "");
localStorage.setItem("keypressed", "<h3>First Page</h3>Your Answer: " + answer + "<br /> Correct Answer: R<hr>");
window.location.href="Second Page.html";
return true;

第二页page.html：

var res = localStorage.getItem("keypressed");
res+= "<h3>Second Page</h3>Your Answer: " + answer + "<br /> Correct Answer: B<hr>";
localStorage.setItem("keypressed", res);
window.location.href="Third Page.html";
return true;

其他页面只需编写与第二页相同的代码。

如果您要将信息或其他内容发送到其他页面，只需将此代码写入结果页面或其他内容。

结果page.html

var result = localStorage.getItem("keypressed");
document.getElementById("result").innerHTML = result;

然后在结果页面中创建一个div，如下所示：

<div id="result"></div>

这可能不是您所期望的，但这是您可以发送数据并回顾它的方式，我希望它能为您解决!!