HTML5 FileReader() functions not getting called

Question

I can't figure out why neither readSuccess() or readFailure() are getting called in the following:

function readMyFile(){
    var reader = new FileReader();

    reader.onload = readSuccess;
    reader.onerror = readFailure;
    reader.readAsText("test.txt");

    function readSuccess(evt){
      alert(evt.target.result);
    }

    function readFailure(evt) {
      alert("Did not read file!");
    }
}

When I step though the code in the Chrome javascript debugger, it steps past the reader.readAsText("test.text"); command, but then exits the whole function, never calling readSuccess() or readFailure()

nwellcome · Accepted Answer · 2011-08-09 17:29:28Z

1

You can't specify a file with a string in reader.readAsText(), it needs to be a reference to a Blob: see the documentation.

You should be getting the Blob from a file-type input field, check out these awesome examples.

answered Aug 9, 2011 at 17:29

nwellcome

2,30915 silver badges23 bronze badges

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

2 Comments

Chris Gregg Over a year ago

Ah, okay, thanks. What if I want to specify a text file myself (this is for an internal file that I'll be reading only once).

nwellcome Over a year ago

Grabbing a File from the FileList of an input element is currently the only way to get at local files from a browser with javascript - but thank your stars for that, prior to HTML5 there was no way at all: stackoverflow.com/questions/371875/…

Collectives™ on Stack Overflow

HTML5 FileReader() functions not getting called

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related