Warum Jquery Bild-Uploader kein Bild hochladen

Question

Dieser Code stammt aus AJAX Image upload using PHP Ich habe den Code in diese Dateien kopiert: index.html, style.css, script.js, ajax_php_file.php und heruntergeladene NoImage.jpg. Dann habe ich das Bild von meinem PC ausgewählt und das Foto wurde auf Client-Seite auf das ausgewählte Bild geändert. Dann habe ich auf Upload geklickt und keine Datei wurde in den Ordner hochgeladen, in dem php script aufgerufen wurde. Getestet in Firefox 32 Firebug Konsole und keine Fehler gemeldet. Ich versuchte es auch mit Jquery 2.2.2 mit dem Fehler, mir zu sagen, dass e.preventDefault(); ist entzogen. Kannst du mir also sagen, was mit dem Code nicht stimmt? Es wird auch nicht in Opera hochgeladen. Ich sehe, dass es auf der Ursprungsseite des Skripts mehr Fragen gibt, aber die Antwort bleibt nicht beantwortet.

Ich habe versucht, diesen Code $("#uploadimage").submit(); Hinzufügen nach reader.readAsDataURL(this.files[0]); und das hilft auch nicht.

Doch das Live-Beispiel hier: http://kod.djpw.cz/vpvb

Noch ein Code auf der Konsole. Wenn ich diese Funktion bearbeiten:

function imageIsLoaded(e) { 
    $("#file").css("color","green"); 
    console.log($("#file")); 
    $('#image_preview').css("display", "block"); 
    console.log($('#image_preview')); 
    $('#previewing').attr('src', e.target.result); 
    console.log($('#previewing')); 
    $('#previewing').attr('width', '250px'); 
    $('#previewing').attr('height', '230px'); 
    }; 

Ich sehe dies:

Object { 0: <input#file>, length: 1, context: HTMLDocument → index.html, selector: "#file" } script.js:45 
Object { 0: <div#image_preview>, length: 1, context: HTMLDocument → index.html, selector: "#image_preview" } script.js:47 
Object { 0: <img#previewing>, length: 1, context: HTMLDocument → index.html, selector: "#previewing" } script.js:49 

Answer 1

ich durch die Lösung der JS besetzt war und nicht das Hochladen realisiert muss von ajax_php_file.php auf Server-Seite festgelegt werden. Wenn ich in den Code graben Ich sehe Linie

if (file_exists("upload/" . $_FILES["file"]["name"])) { 
    echo $_FILES["file"]["name"] . " <span id='invalid'><b>already exists.</b></span> "; 

so bedeutet dies, ich brauche das „upload“ -Ordner im selben Ordner wie die PHP-Skript Position zu erstellen. Dies war eine einfache Lösung, aber es war nicht in der ursprünglichen Code-Beschreibung.