Heim >Web-Frontend >js-Tutorial >Wie lade ich Dateien mit jQuery AJAX und PHP hoch?

Wie lade ich Dateien mit jQuery AJAX und PHP hoch?

Barbara Streisand
Barbara StreisandOriginal
2024-12-26 04:23:09771Durchsuche

How to Upload Files Using jQuery AJAX and PHP?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn