Wie lade ich asynchron eine Datei mit jQuery und AJAX auf den Server hoch?

Hallo zusammen! Ich bin neu in der Webentwicklung und versuche, ein Datei-Upload-Formular auf meiner Website zu erstellen. Ich möchte, dass die Datei ohne Seitenneuladung an den Server gesendet wird, also asynchron. Ich verwende jQuery, aber etwas funktioniert nicht richtig. Hier ist mein aktueller Code: ```html

Hochladen

``` Und JavaScript: ```javascript $('#uploadForm').on('submit', function(e) { e.preventDefault(); var file = $('#fileInput').val(); $.ajax({ url: '/upload', type: 'POST', data: { file: file }, success: function(response) { $('#result').text('Datei hochgeladen: ' + response); }, ```