HTML5 LocalStorage: How Much Space Do I Have Left?

Question

Any idea how to check the remaining storage space in an HTML5 localstorage data store?

Answer 1

I don't know if this helps, but you can check if it full.

“QUOTA_EXCEEDED_ERR” is the exception that will get thrown if you exceed your storage quota of 5 megabytes.

And this other answer might be related.

Answer 2

Default localStorage allocated size is: 5Mb

 var allocated = 5;
    var total = 0;
    for(var x in localStorage){  
        var amount = (localStorage[x].length * 2) / 1024 / 1024;  
        total += amount;  
    }
    var remaining = allocated - total;
    console.log( "Used: " + total + " MB");
    console.log( "Remaining: " + remaining + " MB");