files.0 is null or not an object

[Sylnois]

Hallo Leute,

Ich habe ein kleines Uploadscript, welche in IE8 einen Error ausgibt(siehe Titel).
Habt ihr ne Idee was das sein könnte?
Hier ist mein Code:

$('#submit2').live('change', function(){    $('#progressbar').show();
    var file = this.files[0];
    var fileName = file.fileName || file.name;
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'script2.php', true);
    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xhr.setRequestHeader("Cache-Control", "no-cache");
    xhr.setRequestHeader("X-File-Name", fileName);
    xhr.setRequestHeader("X-File-Size", file.size);
    xhr.setRequestHeader("Content-Type", "multipart/form-data");
    xhr.upload.addEventListener('progress', onprogressHandler, false);
    xhr.send(file);
    
    xhr.onreadystatechange = function() {
        if (xhr.readyState != 4)  {
            $( "#progressbar" ).progressbar({
                value: 100
            });                        
            $("#progressbar-value").html("100 %");
            alert("Successful");
        }
            if (xhr.status != 200)  {
            // Handle error, e.g. Display error message on page
            alert("Error");
        }
    };


    function onprogressHandler(evt) {
        var percent = evt.loaded/evt.total*100;
        $( "#progressbar" ).progressbar({
            value: percent
        });
        
        $("#progressbar-value").html( percent.toString().split(".")[0] + " %");
    }
 });

Gruss
Sylnois

 

[Tronjer]

Die Fehlermeldung tritt nur im IE8 auf?

var file = this.files[0] setzt voraus, dass ein Array names files existiert, welches Bestandteil des aktuellen Objekts ist.

Ich verstehe auch nicht, warum du JS mit jQuery Code mischst. Das macht es unübersichtlich.

 

[Sylnois]

In Chrome funktioniert es.
Wie könnte ich denn den Code NUR in JQuery schreiben?

 

[threadi]

jQuery bietet eine eigene AJAX-Funktion an. Das musst Du folglich nicht per Hand schreiben:
http://api.jquery.com/jQuery.ajax/

 

[Sylnois]

Ich habe die Methode gwählt, da ich nicht wusste wie ich einen Progresshandler baue mit jQuery.
Vielleicht könnte mir dann jemand damit behilflich sein.

 

[threadi]

Hab ich selbst noch nie gemacht, aber man findet so einige Beispiele:
UI/API/1.8/Progressbar - jQuery Wiki

Helfen die nicht weiter?

 

[Sylnois]

Wie du im oberen Code siehst, gebrauche ich das schon. Das ist lediglich ein UI, um die Progressbar anzuzeigen. Aber den Prozentwert muss ich irgendwie währenddem Upload holen und dies weiss ich nicht wie mit jQuery zu lösen.

 

[threadi]

Die Herausforderung ist, dass der Status des Uploads durch den Webserver selbst mitgeteilt werden muss. Das der Webserver das unterstützt ist keineswegs Standard. Allerdings gibt es verschiedene Scripte die es ermöglichen. Zusammen mit jQuery gibt es auch fertige Pakete dafür wie ich gerade herausgefunden habe ;)

https://github.com/drogus/jquery-upload-progress
ax-jquery-multiuploader - A jquery plugin cross-browser for uploading multiple files - Google Project Hosting