在导航到不同页面时存储大量数据(>;5MB)


Store a large amount of data (> 5MB) while navigating to different pages

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

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

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

你能提出一个替代方案吗?我不想每次都将数据发送到数据库并重新加载。

我真的不知道你想做什么,但如果你想的话,你可以试试这个例子。

首页.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;

第二页.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;

对于其余页面,只需编写与第二页相同的代码。

如果您要将信息或其他内容发送到另一个页面,只需将此代码写入结果页面或其他内容即可。

结果页面.html

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

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

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

这可能不是你所期望的,但这就是你发送数据和接收数据的方式,我希望它对你有用!!