Wie lade ich Dateien mit jQuery AJAX und PHP hoch?

jQuery AJAX-Datei-Upload mit PHP

Um das Hochladen von Dateien auf Ihrer Intranetseite zu aktivieren, befolgen Sie diese Schritte:

Clientseitig (HTML und JavaScript). )

Verwenden Sie den folgenden HTML-Code für die Dateiauswahl:

<input>

Aktualisieren Sie Ihr JavaScript auf Senden Sie die ausgewählte Datei an den Server:

$("#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', // Expected response from PHP script
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response); // Display response from PHP script
        }
    });
});

Serverseitig (PHP)

Erstellen Sie ein PHP-Skript mit dem Namen upload.php, um den Datei-Upload zu verwalten:

<?php

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

?>

Stellen Sie sicher, dass das Verzeichnis „uploads“ über Schreibrechte verfügt.

Umbenennen des Hochgeladene Datei

Um die Datei während des Hochladens umzubenennen, verwenden Sie den folgenden Code im PHP-Skript:

move_uploaded_file(
    $_FILES['file']['tmp_name'],
    'uploads/new_filename.extension'
);

Denken Sie daran, Ihre PHP-Einstellungen für upload_max_filesize und post_max_size entsprechend zu konfigurieren.

Das obige ist der detaillierte Inhalt vonWie lade ich Dateien mit jQuery AJAX und PHP hoch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!