Wie übergebe ich eine Datei mit jQuery AJAX an Spring Boot 3?

Um eine Datei mit jQuery AJAX an ein Spring Boot 3 Backend zu übergeben, kannst du die folgenden Schritte befolgen:

1. **HTML-Formular erstellen:**
Erstelle ein HTML-Formular mit einem Datei-Upload-Feld.

```html
<form id="fileUploadForm" enctype="multipart/form-data">
<input type="file" id="file" name="file"/>
<button type="button" onclick="uploadFile()">Upload</button>
</form>
```

2. **jQuery AJAX-Aufruf:**
Verwende jQuery, um die Datei per AJAX an den Server zu senden.

```javascript
function uploadFile() {
var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);

$.ajax({
url: '/upload',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
console.log('File uploaded successfully');
},
error: function(jqXHR, textStatus, errorThrown) {
console.log('File upload failed');
}
});
}
```

3. **Spring Boot Controller:**
Erstelle einen Controller in deinem Spring Boot 3 Projekt, um die Datei zu empfangen.

```java
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

@RestController
public class FileUploadController {

@PostMapping("/upload")
public String handleFileUpload(@RequestParam("file") MultipartFile file) {
if (file.isEmpty()) {
return "File is empty";
}

// Hier kannst du die Datei speichern oder weiterverarbeiten
// z.B. file.transferTo(new File("path/to/save/" + file.getOriginalFilename()));

return "File uploaded successfully: " + file.getOriginalFilename();
}
}
```

4. **Spring Boot Konfiguration:**
Stelle sicher, dass du die notwendigen Abhängigkeiten in deiner `pom.xml` hast, um Multipart-Dateien zu unterstützen.

```xml
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
```

Mit diesen Schritten kannst du eine Datei von einem HTML-Formular über jQuery AJAX an ein Spring Boot 3 Backend übergeben.