HTML5 Filesystem SECURITY_ERR

Can please someone tell me, why I always get SECURITY_ERR when trying to open a new filesystem?
The code is from html5rocks.com, so it is probably not the code.

Chrome Version: 19.0.1084.15 (Developer Built).

Code (from html5rocks.com):

<html>
<head>
 <style>
  .example {
    padding: 10px;
    border: 1px solid #CCC;
  }
  #example-list-fs ul {
    padding-left: 0;
  }
  #example-list-fs li {
    list-style: none;
  }
  #example-list-fs img {
    vertical-align: middle;
  }
  button {
    padding: 5px 8px;
    cursor: pointer;
    text-shadow: 1px 1px white;
    font-weight: 700;
    font-size: 10pt;
  }
  body {
    font: 14px Arial;
  }
</style>
  </head>
  <body>
    <div id="example-list-fs" class="example">
  <button>Add some files</button> <button>List files</button> <button>Remove all files</button>
  <ul id="example-list-fs-ul"></ul>
</div>
<script>
  window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
  var fs = null;

  function errorHandler(e) {
    var msg = '';
    switch (e.code) {
      case FileError.QUOTA_EXCEEDED_ERR:
        msg = 'QUOTA_EXCEEDED_ERR';
        break;
      case FileError.NOT_FOUND_ERR:
        msg = 'NOT_FOUND_ERR';
        break;
      case FileError.SECURITY_ERR:
        msg = 'SECURITY_ERR';
        break;
      case FileError.INVALID_MODIFICATION_ERR:
        msg = 'INVALID_MODIFICATION_ERR';
        break;
      case FileError.INVALID_STATE_ERR:
        msg = 'INVALID_STATE_ERR';
        break;
      default:
        msg = 'Unknown Error';
        break;
    };
    document.querySelector('#example-list-fs-ul').innerHTML = 'Error: ' + msg;
  }

  function initFS() {
    window.requestFileSystem(window.TEMPORARY, 1024*1024, function(filesystem) {
      fs = filesystem;
    }, errorHandler);
  }

  var buttons = document.querySelectorAll('#example-list-fs button');
  var filelist = document.querySelector('#example-list-fs-ul');

  if (buttons.length >= 3) {
    buttons[0].addEventListener('click', function(e) {
      if (!fs) {
        return;
      }
      fs.root.getFile('log.txt', {create: true}, null, errorHandler);
      fs.root.getFile('song.mp3', {create: true}, null, errorHandler);
      fs.root.getDirectory('mypictures', {create: true}, null, errorHandler);
      filelist.innerHTML = 'Files created.';
    }, false);

    buttons[1].addEventListener('click', function(e) {
      if (!fs) {
        return;
      }

      var dirReader = fs.root.createReader();
      dirReader.readEntries(function(entries) {
        if (!entries.length) {
          filelist.innerHTML = 'Filesystem is empty.';
        } else {
          filelist.innerHTML = '';
        }

        var fragment = document.createDocumentFragment();
        for (var i = 0, entry; entry = entries[i]; ++i) {
          var img = entry.isDirectory ? '<img src="http://www.html5rocks.com/static/images/tutorials/icon-folder.gif">' :
                                        '<img src="http://www.html5rocks.com/static/images/tutorials/icon-file.gif">';
          var li = document.createElement('li');
          li.innerHTML = [img, '<span>', entry.name, '</span>'].join('');
          fragment.appendChild(li);
        }
        filelist.appendChild(fragment);
      }, errorHandler);
    }, false);

    buttons[2].addEventListener('click', function(e) {
      if (!fs) {
        return;
      }

      var dirReader = fs.root.createReader();
      dirReader.readEntries(function(entries) {
        for (var i = 0, entry; entry = entries[i]; ++i) {
          if (entry.isDirectory) {
            entry.removeRecursively(function() {}, errorHandler);
          } else {
            entry.remove(function() {}, errorHandler);
          }
        }
        filelist.innerHTML = 'Directory emptied.';
      }, errorHandler);
    }, false);
  }

  // Initiate filesystem on page load.
  if (window.requestFileSystem) {
    initFS();
  }
  </script>
 </body>
</html>

2

Contributors

2

Replies

4 Days

Discussion Span

1 Year Ago

Last Updated

4

Views

trickist17

Light Poster

26 posts since Jan 2012

Reputation Points: 10

Solved Threads: 0

Skill Endorsements: 0

1 Year Ago

0

I believe you will need to run your page from a web server to test it otherwise you will get security errors.

This means if your URL looks like this:

file:///C:/.../test.html

It is wrong.

stbuchok

Practically a Posting Shark

876 posts since May 2011

Reputation Points: 138

Solved Threads: 124

Skill Endorsements: 2

1 Year Ago

0

OK, thank you for this tipp!

trickist17

Light Poster

26 posts since Jan 2012

Reputation Points: 10

Solved Threads: 0

Skill Endorsements: 0

HTML5 Filesystem SECURITY_ERR

This article has been dead for over three months: Start a new discussion instead