设置“数据URL”的值超出配额

Question

我有一个JavaScript代码，它将字符串保存到本地存储，字符串大小是400000，

var dataURL = canvas.toDataURL("image/jpg").toString();
localStorage.setItem("dataURL", dataURL);

在这台计算机中，我允许节省字符串长度不超过100000个字符。两台电脑都有相同的Chrome版本35.0.1916.114m为什么？

Answer 1

当您的浏览器达到最大限制时，它将抛出此错误，未能在“存储”上执行“设置项”：设置值“超出配额”。

• 您可以这样处理

 try {
     var count = 100;
     var message = "LocalStorageIsNOTFull";
     for (var i = 0; i <= count; count + 250) {
         message += message;
         localStorage.setItem("stringData", message);
         console.log(localStorage);
         console.log(count);
     }

 }
 catch (e) {
     console.log("Local Storage is full, Please empty data");
     // fires When localstorage gets full
     // you can handle error here or empty the local storage
 }