Ajax Bild hochladen

F.1 Ich möchte dieses Formular in Ajax konvertieren, aber es scheint, dass meinem Ajax-Code etwas fehlt. On submit macht gar nichts.

Q2. Ich möchte auch, dass die Funktion beim Ändern ausgelöst wird, wenn die Datei ausgewählt wurde, um nicht auf eine Übermittlung zu warten.

Hier ist JS.

$('#imageUploadForm').on('submit',(function(e) {
    e.preventDefault()
    $.ajax({
        type:'POST',
        url: $(this).attr('action'),
        data:$(this).serialize(),
        cache:false
    });
}));

und die html mit php.

<form name="photo" id="imageUploadForm" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"];?>" method="post">
    <input type="file" style="widows:0; height:0" id="ImageBrowse" hidden="hidden" name="image" size="30"/>
    <input type="submit" name="upload" value="Upload" />
    <img width="100" style="border:#000; z-index:1;position: relative; border-width:2px; float:left" height="100px" src="<?php echo $upload_path.$large_image_name.$_SESSION['user_file_ext'];?>" id="thumbnail"/>
</form>

Antworten auf die Frage(4)

Ihre Antwort auf die Frage