Wie kann ich häufige Probleme beim Hochladen von Ajax-Bildern lösen?

Ajax-Bild hochladen

Fragen und Antworten

Q1. Ajax kann kein Bild hochladen

Ihrem ursprünglichen Ajax-Code scheinen wichtige Elemente zu fehlen. Um die Formularübermittlung zu ermöglichen, müssen Sie Erfolgs- und Fehlerfunktionen in Ihren Ajax-Aufruf einbinden.

Lösung:

Ändern Sie Ihren Ajax-Code wie folgt:

$(document).ready(function (e) {
    $('#imageUploadForm').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));
});

Q2. Hochladen bei Dateiauswahl auslösen

Damit die Upload-Funktion sofort ausgelöst wird, wenn eine Datei ausgewählt wird, müssen Sie die HTML-Eingabe ändern.

Lösung:

Fügen Sie Folgendes zu Ihrem HTML hinzu:

<input type="file">

Dadurch wird das Formular gesendet und der Upload-Vorgang ausgelöst, sobald eine Datei vorhanden ist ausgewählt.

Das obige ist der detaillierte Inhalt vonWie kann ich häufige Probleme beim Hochladen von Ajax-Bildern lösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!