Html 5 FileReader always is error

Question

I am trying to read a image file, but it never succeeds. The onerror method is always called. Here is my code.

   dropZone.addEventListener('drop', function(e)
   {
    var f = e.dataTransfer.files[0];
    if(!f.type.match('image.*'))
    {
        return;
    }

    var reader = new FileReader();

    // Closure to capture the file information.
    reader.onload = handleReaderLoad;
    reader.onerror = function(e)
    {
        alert("it failed")
    }
    // Read in the image file as a data URL.
    reader.readAsDataURL(f);

}, false);
function handleReaderLoad(evt)
{
    alert("it worked")
}

This always fails. Any help would be welcome. Thanks!

What browsers are you testing this code in? It looks like at least some of your code is browser dependant... — David Hellsing, Mar 01 '12 at 00:48

score 4 · Accepted Answer · edited May 23 '17 at 11:52

4

I think you'll probably be seeing this issue.

As a general rule you should look more closely at your errors rather than alert('failed') because the error code will give you a better idea of the issue, eg: alert(e.toString()) or alert(e.name + ": " + e.message)

edited May 23 '17 at 11:52

Community

1
1

answered Mar 01 '12 at 01:08

SpliFF

38,186
16
91
120

Html 5 FileReader always is error

1 Answers1