Wie implementiert man Ajax-gestützte Uploads mehrerer Dateien mit PHP, jQuery und AJAX?

Ajax-gestütztes Hochladen mehrerer Dateien mit PHP, jQuery und AJAX

Um mehrere Dateien mit PHP, jQuery und AJAX hochzuladen, folgen Sie den Anweisungen diese Schritte:

HTML Formular:

Add More Files

JavaScript (Datei hinzufügen):

$(document).ready(function() {
    $('.add_more').click(function(e) {
        e.preventDefault();
        $(this).before("<input name="file[]" type="file">");
    });
});

JavaScript (Dateien hochladen):

$('body').on('click', '#upload', function(e) {
    e.preventDefault();
    var formData = new FormData($(this).parents('form')[0]);

    $.ajax({
        url: 'upload.php',
        type: 'POST',
        xhr: function() {
            var myXhr = $.ajaxSettings.xhr();
            return myXhr;
        },
        success: function (data) {
            alert("Data Uploaded: " + data);
        },
        data: formData,
        cache: false,
        contentType: false,
        processData: false
    });
    return false;
});

PHP-Datei-Upload Verarbeitung:

for ($i = 0; $i ";
    } else {
        echo "There was an error uploading the file, please try again! <br>";
    }
}

Dieser Code optimiert den Prozess des Hochladens mehrerer Dateien über eine Ajax-Anfrage.

Das obige ist der detaillierte Inhalt vonWie implementiert man Ajax-gestützte Uploads mehrerer Dateien mit PHP, jQuery und AJAX?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!