Wie behebe ich Probleme beim Hochladen von jQuery-AJAX-Dateien mit serverseitiger PHP-Implementierung?

jQuery AJAX-Datei-Upload mit PHP: Fehlerbehebung und serverseitige Implementierung

Problembeschreibung

Die Frage dreht sich um die Implementierung einer grundlegenden Datei-Upload-Funktionalität eine Intranetseite mit jQuery AJAX und PHP. Der Benutzer hat den HTML- und jQuery-Code eingerichtet, hat jedoch Probleme beim Hochladen der Datei und beim Speichern im gewünschten Verzeichnis. Darüber hinaus suchen sie Rat zum Umbenennen der Datei auf der Serverseite.

Verstehen des Problems

Das jQuery-Skript sendet ein Formular mit der hochgeladenen Datei über eine AJAX-Anfrage an ein serverseitiges PHP-Skript . Das Problem liegt jedoch darin, dass auf dem Server kein PHP-Skript vorhanden ist, um die Datei zu verarbeiten und in das angegebene Upload-Verzeichnis zu verschieben.

Lösung

Serverseitiges PHP-Skript

Um das Problem zu beheben, ist ein PHP-Skript namens „upload.php“ auf dem Server erforderlich. Dieses Skript übernimmt den Datei-Upload und führt die erforderlichen Vorgänge aus. Hier ist der Code für das PHP-Skript:

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

?>

Dieses PHP-Skript:

• Überprüft, ob beim Hochladen der Datei Fehler aufgetreten sind, und gibt eine entsprechende Meldung aus.
• Wenn keine Fehler auftreten, verwendet es die Funktion „move_uploaded_file“, um die hochgeladene Datei von ihrem temporären Speicherort in den Ordner „Uploads“ zu verschieben. Verzeichnis.

Aktualisiertes jQuery-Skript

Im jQuery-Skript wird die URL so geändert, dass sie auf das Skript „upload.php“ verweist. Darüber hinaus ermöglicht die Änderung von „dataType“ in „text“ die Anzeige der Antwort des PHP-Skripts, falls vorhanden. Das aktualisierte Skript:

$('#upload').on('click', function() {
    var file_data = $('#sortpicture').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    alert(form_data);                             
    $.ajax({
        url: 'upload.php',
        dataType: 'text', 
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response);
        }
     });
});

Umbenennen der Datei auf der Serverseite

In der obigen Lösung behält die hochgeladene Datei ihren ursprünglichen Namen. Um die Datei umzubenennen, nehmen Sie die folgende Änderung im PHP-Skript vor:

move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/my_new_filename.whatever');

Diese Zeile ersetzt den ursprünglichen Dateinamen durch „my_new_filename.whatever“ im Verzeichnis „uploads“.

Hinweise

• Denken Sie daran, sicherzustellen, dass das Verzeichnis „Uploads“ existiert und vorhanden ist beschreibbar.
• Überprüfen Sie Ihre PHP-Konfigurationseinstellungen für „upload_max_filesize“ und „post_max_size“, um sicherzustellen, dass Ihre Testdateien diese Grenzwerte nicht überschreiten.

Das obige ist der detaillierte Inhalt vonWie behebe ich Probleme beim Hochladen von jQuery-AJAX-Dateien mit serverseitiger PHP-Implementierung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!