FileReader Fehler: Das Objekt ist bereits gebucht-Lesen von Blobs

Mache ich ein drag-and-drop-Datei-upload-system für Foto-Galerie-uploads. Das ist mein source-code handling abgelegten Dateien. Diese arbeitet Sie mehrere Dateien, wenn ich legen Sie Sie eins nach dem anderen funktioniert es aber, wenn ich mal mehr als eine zur gleichen Zeit dieser Fehler tritt auf:

Uncaught InvalidStateError: Failed to execute 'readAsDataURL' on 'FileReader': The object is already busy reading Blobs.

function handleFiles(files)
{
    var reader = new FileReader();
    var formdata = new FormData();

    $.each(files, function(i, j)
    {
        $("td.photos span.status").html("Processing file: "+j.name);

        formdata.append('file', j);

        $.ajax({
            url: "uploadalbum.php",
            type: "POST",
            dataType: "json",
            data: formdata,
            processData: false,
            contentType: false,
            success: uploadfinished
        });

        reader.onload = handleReaderLoad;
        reader.readAsDataURL(j);
    });
}

Irgendwelche Ideen?

  • müssen Sie rufen Sie FileReader.abort() nachdem Sie jeweils behandeln onLoad
InformationsquelleAutor umitemree | 2014-07-19
  1. 26

    Ich denke, der Fehler ist dir bereits gegeben.

    Fehler beim ausführen der 'readAsDataURL' auf 'FileReader': Das Objekt ist bereits gebucht-Lesen von Blobs

    Also die Datei-reader ist bereits gebucht-aber nur, wenn Sie drop mehrere Dateien? Dann ist es wahrscheinlich gerade mit der ersten Datei (und der zweite stürzt ab).

    Wenn Sie var reader = new FileReader(); in Ihre jQuery each-Schleife funktioniert es wie unten:

    $.each(files, function(i, j)
{
    var reader = new FileReader();
    $("td.photos span.status").html("Processing file: "+j.name);

    formdata.append('file', j);
    .... <snip>

}
    • Danke. Das ist mein problem gelöst.
    • Schön! Froh, dass es geholfen hat und danke für das lassen Sie uns wissen!
    InformationsquelleAutor Dick van den Brink
  2. 3

    Einen Fall, der das verursachen kann, ist wenn ein Datei-reader wird zweimal genannt. Wenn es noch läuft, es gibt diese Fehler.

        reader.onload = function( event ) {
            //do stuff
        };
    reader.readAsDataURL( file );

    /* arbitrarily complex code */
    reader.readAsDataURL( file2 );

    /* oops */
    InformationsquelleAutor Josiah
Schreibe einen Kommentar