Geek Answers Handbook

Unlimited file storage in the Chrome app

I want to save an unlimited number of files to the user's hard drive without forcing the user to click on the dialog box.

The only documentation I saw when using unlimited storage is here: https://developers.google.com/chrome/whitepapers/storage , which says that it is available only for Chrome applications.

All the examples that I saw in the Chrome API fileSystemshow that to create a new file and write to it, the user needs to get the recording object from the function chrome.fileSystem.chooseEntry, which means that the user needs to go through the dialog box.

The regular API fileSystemlooks like it can save the file in a user extension isolation environment without forcing the user to go through the dialog box, but I wonder if it has permission "unlimitedStorage"that is granted only to the Program? This does not shock me, if only it has permission only on the Chrome API.

If I use the regular API fileSystem, I need to request the file system using window.webkitRequestFileSystem(I'm a little surprised that it window.requestFileSystemdoesn’t work for me in Chrome), but the method accepts type( "persistent"or "temporary") and size(the bytes that the application will require for storage).

, API Chrome. API fileSystem , , API , , .

https://developers.google.com/chrome/apps/docs/developers_guide#manifest :

"permissions" HTML5, . "unlimitedStorage" "notifications", HTML5 . , ; , URL- "apps" .

, "unlimitedStorage" , window.webkitRequestFileSystem(window.PERSISTENT, anySize, successCallback), , , , Chrome .

1: - , ?

, API "unlimitedStorage", API API Chrome, "unlimitedStorage".

2: API ? , API .

API fileSystem , , , - . , .

+4
2

, , , " ", " Chrome".

blob , FileEntry chrome.fileSystem.chooseEntry, , . ( , .)

blob Chrome, API- chrome.fileSystem.chooseEntry.

, , unlimitedStorage . , , Chrome, . , , , . Google, , .

, , chrome.fileSystem.chooseEntry, unlimitedStorage.

+2

.

main.js

var chooseDirectory = function() {
  chrome.app.window.create("choose_directory.html");
};

chrome.runtime.onInstalled.addListener(function(details) {
  if (details.reason == 'install') {
    chooseDirectory();
  }
};  

chrome.runtime.onMessageExternal.addListener(function(message, sender, sendResponse) {

  switch (message.type) {
  case 'saveBlob':
    var blob = new Blob([message.blob])

    chrome.storage.local.get('filesystemKey', function(items) {
      var fileSystemRef = items.fileSystemKey;

      chrome.fileSystem.restoreEntry(fileSystemRef, function(fileSystem) {

        fileSystem.getFile('test.txt', { create: true }, function(fileEntry) {

          fileEntry.createWriter(function(writer) {
            writer.write(blob);
          });   
        });             
      });           
    });  
    break;
  } 
});

API- , API- html5 . , selectDirectory script, , , .

choose_directory.js

window.addEventListener('load', function() {

  document.getElementById('input').addEventListener('click', function() {

    chrome.fileSystem.chooseEntry({type: 'openDirectory'}, function(entry) {
      var homeDirectory = chrome.fileSystem.retainEntry(entry);

      chrome.storage.local.set({'filesystemKey': homeDirectory}, function() {
        window.close();
      });           
    });     
  });   
});

choose_directory.html

<script src="choose_directory.js"></script>

You need to choose a directory where you will store your files.

<button id="input"> Chose a place to save your files</button>
+1

More articles:


All Articles