Quota exceeded trying to create file with HTML File API

Question

In a packaged Chrome app, I'm trying to read from a file in the PERSISTENT storage, and create it if it doesn't exist:

window.webkitRequestFileSystem(PERSISTENT, 1024*1024, function(fileSystem) {
    fileSystem.root.getFile('file.txt', {create: true}, function(fileEntry) {
        fileEntry.file(function(file) {
            var reader = new FileReader();
            reader.onloadend = function(e) {
                console.log(this.result);
            };
            reader.readAsText(file);
         }, errorHandler);
    }, errorHandler);
});

But I'm getting The operation failed because it would cause the application to exceed its storage quota. error. TEMPORARY storage is giving me the same error. Is there anything I should specify in the manifest.json?

Carliecarlile

You should request the required quota first: html5rocks.com/en/tutorials/file/filesystem/… – Alfonsoalfonzo

@CBroe I get 0 when I print out grantedBytes. – Carliecarlile

Answer 1

Adding unlimitedStorage to the manifest.json permissions fixed the issue.

Carliecarlile

Answer 2

I had the same issue running a cordova app on a browser platform. I fixed the issue by removing useless (and old) files stored in filesytem directory. You can find this directory there (on windows8):

%userDirectory\AppData\Local\Google\Chrome\User Data\Default

Hope this helps.

Potable

Answer 3

i had same issue when my hybrid cordova application running on ripple -Chrome>settings>history>advance>checked all unnecessary files and delete.

Vena

Answer 4

Or invoke chrome with --unlimited-storage parameter:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --unlimited-storage

Hilleary