Code Working Fine on jsFiddle but not on Local System

Question

This code is working fine on jsFiddle but not on my system. JsFiddle

I have checked from the draft (Pressing Ctrl + Shift + Enter on jsFiddle), added this code to head section & modified like below:

window.addEvent('load', function() {
    window.webkitRequestFileSystem(window.TEMPORARY, 2*1024*1024, function(fs) {
        fs.root.getFile('test', {create: true}, function(fileEntry) {
            alert(fileEntry.toURL());
            fileEntry.createWriter(function(fileWriter) {
                var builder = new WebKitBlobBuilder();
                builder.append("Saurabh");
                builder.append("\n");
                builder.append("Saxena");

                var blob = builder.getBlob('text/plain');

                fileWriter.onwriteend = function() {
                    // navigate to file, will download
                    location.href = fileEntry.toURL();
                };
                fileWriter.write(blob);
            }, function() {});
        }, function() {});
    }, function() {});
});

I'm not sure I agree with what just happened when I clicked that link... — Blindy
– Blindy, Commented Oct 7, 2011 at 15:26
The file is created in the TEMPORARY storage and gets downloaded with the written contents. — Saurabh Saxena
– Saurabh Saxena, Commented Oct 7, 2011 at 15:27
Guys, this is not a malicious code, this code will not harm your system. — Saurabh Saxena
– Saurabh Saxena, Commented Oct 7, 2011 at 15:33
What the heck? How did you get a file to automatically enter my downloads folder? It's not malicious.... but it does seem like a huge security hole. Chrome 13 here. — mrtsherman
– mrtsherman, Commented Oct 7, 2011 at 15:35

Martin Jespersen · Accepted Answer · 2011-10-07 15:56:50Z

4

You get a FileError.SECURITY_ERR because you are not allowed to run this code locally. You would see the error if you didn't have empty errorhandlers.

You will see the error if you save the following code to a local file and run it in chrome:

<html>
<script>
function doit() {

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;
  };

  console.log('Error: ' + msg);
}



window.webkitRequestFileSystem(window.TEMPORARY, 1024*1024, function(fs) {
        fs.root.getFile('test', {create: true}, function(fileEntry) {
            fileEntry.createWriter(function(fileWriter) {
                var builder = new WebKitBlobBuilder();
                builder.append("Saurabh");
                builder.append("\n");
                builder.append("Saxena");

                var blob = builder.getBlob('text/plain');

                fileWriter.onwriteend = function() {
                    // navigate to file, will download
                    location.href = fileEntry.toURL();
                };
                fileWriter.write(blob);
            }, errorHandler);
        }, errorHandler);
    }, errorHandler);
}
</script>

<body onload="doit();">

</body>
</html>

answered Oct 7, 2011 at 15:56

Martin Jespersen

26.3k8 gold badges60 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Saurabh Saxena Over a year ago

you are right so, what could be the possible solution for this. is there any way by which i can get permission to access files from the user itself.

Martin Jespersen Over a year ago

As far as i know, there is no way of making this work with a file:// url unless you run the code as a chrome extension --allow-file-access-from-files will not help you. Run it remotely and it will work, or build a chrome extension for it and run it as a privileged code.

Saurabh Saxena Over a year ago

I can build a chrome extension, but are you sure that same code will run there also

Martin Jespersen Over a year ago

When you run your code inside a chrome extension it has raised privileges compared to running it on a website.

Saurabh Saxena Over a year ago

Added this code to the Event handler of chrome.browserAction.onClicked.addListener(createFile); function createFile() { //same code } not working ...... :(

|

Andrey M. · Accepted Answer · 2011-10-07 15:47:41Z

1

On Local System

Google Chrome have some restrictions for file://. You can try to run Chrome with --allow-file-access-from-files. Maybe it will help. Otherwise you need to put web page on some development server to test it.

answered Oct 7, 2011 at 15:47

Andrey M.

3,8044 gold badges35 silver badges39 bronze badges

Collectives™ on Stack Overflow

Code Working Fine on jsFiddle but not on Local System

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related