Wie implementiert man jQuery-AJAX-Datei-Uploads mit PHP?

jQuery AJAX-Datei-Upload mit PHP

Um Datei-Uploads mit minimalem Setup erfolgreich zu implementieren, befolgen Sie diese Schritte:

Clientseitig (jQuery)

1. Aktualisieren Sie das jQuery-Skript als folgt:

$('#upload').on('click', function() {
    var file_data = $('#sortpicture').prop('files')[0];
    var form_data = new FormData();
    form_data.append('file', file_data);
    $.ajax({
        url: 'upload.php', // Point to the server-side PHP script
        dataType: 'text', // Expect text back from the PHP script
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        success: function(php_script_response) {
            alert(php_script_response); // Display any response from the PHP script
        }
    });
});

Serverseitig (PHP)

2. Erstellen Sie ein PHP-Skript mit dem Namen upload.php:

<?php

if (0 < $_FILES['file']['error']) {
    echo 'Error: ' . $_FILES['file']['error'] . '<br>';
} else {
    move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
}

?>

Zusätzlich Hinweise:

• Stellen Sie sicher, dass das Upload-Verzeichnis auf dem Server beschreibbar ist.
• Passen Sie den Dateipfad in der Funktion move_uploaded_file() so an, dass er mit dem serverseitigen Speicherort der Uploads übereinstimmt Verzeichnis.
• Konfigurieren Sie upload_max_filesize und post_max_size in Ihren PHP-Einstellungen, um die Datei aufzunehmen Größe.

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