✔ File-Upload mit Ajax funktioniert nicht

[matthezz]

Hallo,
ich rufe folgende Javascript Funktion über ein Input-Element auf. Die Funktion selbst befindet sich in einer externen JS-Datei und wird auf zwei verschiedenen Seiten eingebunden. Auf der einen Seite läuft die Funktion, auf der anderen meldet die Konsole für die erste Zeile "undefined is not a function". Ich weiß nicht wo der Fehler liegen könnte.

$('body').on('change', '#post-image', function() {
    var data = new FormData();
    data.append('file', this.files[0]);
    var user = $('#post-user');
    var ref_user = $('#post-ref_user');
    $.ajax({
        url: host + 'ressources/photos_handler.php',
        data: data,
        type: 'POST',
        processData: false,
        contentType: false,
        success: function(image) { 
            // Daten zuweisen
            $("#edit-image-name").val(image);
            $("#edit-image-user").val(user);
            $("#edit-image-ref-user").val(ref_user);
            $("#edit-image-preview").attr("src", host + "storage/img/" + image)
        
            // Image-Window öffnen
            $("#image-window").fadeIn("normal");
        
            // Hintergrund abdunkeln
            $("#darken").css("opacity", "0.7");
            $("#darken").fadeIn("normal");
            
            // Textarea fokussieren
            $("#edit-image-title").focus();
          }
   });
});

Und hier noch das Input-Element

<input id="post-image" style="display: none" type="file" />

 

[Quaese]

Hi,

hast du schon mal untersucht, in welcher Zeile "undefined is not a function" auftritt? So ist eine Analyse nicht möglich.

Es wäre auch sehr angenehm, wenn du z.B. auf http://jsfiddle.net/ eine Version zum Verdeutlichen des Fehlers zur Verfügung stellen könntest.

Ciao
Quaese

 

[matthezz]

Der Fehler tritt direkt in der ersten Zeile auf

$('body').on('change', '#post-image', function() {

 

[matthezz]

Und hier auch noch eine Version auf jsfiddle.net: http://jsfiddle.net/3cafedfm/

 

[matthezz]

Habe den Fehler soeben gefunden. Ich hatte auf der zweiten Seite Jquery nicht korrekt eingebunden.