Data >100Mb in Localstorage [duplicate]











up vote
1
down vote

favorite













This question already has an answer here:




  • Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22

    4 answers




I have a JSON Data to store in local storage which is being used by a lot of components in my application. In some cases, the data exceeds 100 Mb and my browser throws an error, "localStorage.setItem exceeded the quota". But it is very important for me to cache this data as downloading with slow down my application. Could some suggest me a simple and effective way of achieving this?






javascript html5 local-storage







share|improve this question













marked as duplicate by CertainPerformance javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 13 hours ago


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.















  • Are you sure that localStorage allows you to store data up to 100MB?
    – Keyur Ramoliya
    13 hours ago












  • I'd use IndexedDB instead.
    – CertainPerformance
    13 hours ago










  • @CertainPerformance does it work for all the browsers. I am focussing on at least Chrome, FF & Edge.
    – khushboo j
    13 hours ago










  • Yes, IndexedDB is widely supported
    – CertainPerformance
    13 hours ago















up vote
1
down vote

favorite













This question already has an answer here:




  • Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22

    4 answers




I have a JSON Data to store in local storage which is being used by a lot of components in my application. In some cases, the data exceeds 100 Mb and my browser throws an error, "localStorage.setItem exceeded the quota". But it is very important for me to cache this data as downloading with slow down my application. Could some suggest me a simple and effective way of achieving this?






javascript html5 local-storage







share|improve this question













marked as duplicate by CertainPerformance javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 13 hours ago


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.















  • Are you sure that localStorage allows you to store data up to 100MB?
    – Keyur Ramoliya
    13 hours ago












  • I'd use IndexedDB instead.
    – CertainPerformance
    13 hours ago










  • @CertainPerformance does it work for all the browsers. I am focussing on at least Chrome, FF & Edge.
    – khushboo j
    13 hours ago










  • Yes, IndexedDB is widely supported
    – CertainPerformance
    13 hours ago













up vote
1
down vote

favorite









up vote
1
down vote

favorite












This question already has an answer here:




  • Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22

    4 answers




I have a JSON Data to store in local storage which is being used by a lot of components in my application. In some cases, the data exceeds 100 Mb and my browser throws an error, "localStorage.setItem exceeded the quota". But it is very important for me to cache this data as downloading with slow down my application. Could some suggest me a simple and effective way of achieving this?






javascript html5 local-storage







share|improve this question














This question already has an answer here:




  • Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22

    4 answers




I have a JSON Data to store in local storage which is being used by a lot of components in my application. In some cases, the data exceeds 100 Mb and my browser throws an error, "localStorage.setItem exceeded the quota". But it is very important for me to cache this data as downloading with slow down my application. Could some suggest me a simple and effective way of achieving this?





This question already has an answer here:




  • Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22

    4 answers







javascript html5 local-storage




javascript html5 local-storage






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked 13 hours ago









khushboo j

113




113




marked as duplicate by CertainPerformance javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 13 hours ago


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.






marked as duplicate by CertainPerformance javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 13 hours ago


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.














  • Are you sure that localStorage allows you to store data up to 100MB?
    – Keyur Ramoliya
    13 hours ago












  • I'd use IndexedDB instead.
    – CertainPerformance
    13 hours ago










  • @CertainPerformance does it work for all the browsers. I am focussing on at least Chrome, FF & Edge.
    – khushboo j
    13 hours ago










  • Yes, IndexedDB is widely supported
    – CertainPerformance
    13 hours ago


















  • Are you sure that localStorage allows you to store data up to 100MB?
    – Keyur Ramoliya
    13 hours ago












  • I'd use IndexedDB instead.
    – CertainPerformance
    13 hours ago










  • @CertainPerformance does it work for all the browsers. I am focussing on at least Chrome, FF & Edge.
    – khushboo j
    13 hours ago










  • Yes, IndexedDB is widely supported
    – CertainPerformance
    13 hours ago
















Are you sure that localStorage allows you to store data up to 100MB?
– Keyur Ramoliya
13 hours ago






Are you sure that localStorage allows you to store data up to 100MB?
– Keyur Ramoliya
13 hours ago














I'd use IndexedDB instead.
– CertainPerformance
13 hours ago




I'd use IndexedDB instead.
– CertainPerformance
13 hours ago












@CertainPerformance does it work for all the browsers. I am focussing on at least Chrome, FF & Edge.
– khushboo j
13 hours ago




@CertainPerformance does it work for all the browsers. I am focussing on at least Chrome, FF & Edge.
– khushboo j
13 hours ago












Yes, IndexedDB is widely supported
– CertainPerformance
13 hours ago




Yes, IndexedDB is widely supported
– CertainPerformance
13 hours ago












1 Answer
1






active

oldest

votes

















up vote
1
down vote













Try having the data compressed. This might help depending on your JSON data.
https://coderwall.com/p/mekopw/jsonc-compress-your-json-data-up-to-80
This api says it compresses up to 80% of data in a JSON string.



I believe this is the JS file from it
https://github.com/tcorral/JSONC/blob/master/src/JSONC.js






share|improve this answer










New contributor




DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    1
    down vote













    Try having the data compressed. This might help depending on your JSON data.
    https://coderwall.com/p/mekopw/jsonc-compress-your-json-data-up-to-80
    This api says it compresses up to 80% of data in a JSON string.



    I believe this is the JS file from it
    https://github.com/tcorral/JSONC/blob/master/src/JSONC.js






    share|improve this answer










    New contributor




    DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.






















      up vote
      1
      down vote













      Try having the data compressed. This might help depending on your JSON data.
      https://coderwall.com/p/mekopw/jsonc-compress-your-json-data-up-to-80
      This api says it compresses up to 80% of data in a JSON string.



      I believe this is the JS file from it
      https://github.com/tcorral/JSONC/blob/master/src/JSONC.js






      share|improve this answer










      New contributor




      DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















        up vote
        1
        down vote










        up vote
        1
        down vote









        Try having the data compressed. This might help depending on your JSON data.
        https://coderwall.com/p/mekopw/jsonc-compress-your-json-data-up-to-80
        This api says it compresses up to 80% of data in a JSON string.



        I believe this is the JS file from it
        https://github.com/tcorral/JSONC/blob/master/src/JSONC.js






        share|improve this answer










        New contributor




        DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.









        Try having the data compressed. This might help depending on your JSON data.
        https://coderwall.com/p/mekopw/jsonc-compress-your-json-data-up-to-80
        This api says it compresses up to 80% of data in a JSON string.



        I believe this is the JS file from it
        https://github.com/tcorral/JSONC/blob/master/src/JSONC.js







        share|improve this answer










        New contributor




        DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.









        share|improve this answer



        share|improve this answer








        edited 13 hours ago





















        New contributor




        DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.









        answered 13 hours ago









        DarkHeart Productions

        563




        563




        New contributor




        DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.





        New contributor





        DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.






        DarkHeart Productions is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.















            Popular posts from this blog

            'app-layout' is not a known element: how to share Component with different Modules

            Image
            0 My application was working fine until I decided to go with lazy loading: So, my shared component looks like this: import { Component, Renderer2 } from '@angular/core'; export interface FormModel { captcha?: string; } @Component({ selector: 'app-layout', templateUrl: './app-layout.component.html', styleUrls: ['./app-layout.css'] }) export class FullLayoutComponent { } app-layout.component.ts I am using this component in my Another component say school-home.component.html like this: <app-layout> </app-layout> and it was working fine until I created a Module school-home.module.ts like this: import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { SchoolhomeRoutingModule ...
            Read more

            android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

            Image
            .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box; } 0 This is a simple project showing cubes on Unity, exported to android project and imported on Android studio. On maifest file it showed following warning: Expecting <uses-feature android:name="android.software.leanback" android:required="false" /> tag I have no information about it. And also on default emptyview android project does not use/mention this feature. I know it is required by TV's and such but why its not added by default? Why is this? And Should I concern about it? android unity3d ...
            Read more

            WPF add header to Image with URL pettitions [duplicate]

            Image
            up vote 0 down vote favorite This question already has an answer here: Image source URI requiring authorization 3 answers Add header to all* HTTP requests on a machine 1 answer first of all sorry for my english. Recently I added some security in the backend of my project, and now I need to send a validation code(apiKey) inside the headers to retrieve the images. I have a problem with ALL images in my project that I had attached in my UI. For example, before I had: <Image Height="90" Source="{Binding Video.Thumbnail}"/> Now I need to change my code to create a CUSTOM petition add the apiKey in the header:...
            Read more