Wie übergebe ich mehrere Dateien mit jQuery AJAX an Spring Boot?

Um mehrere Dateien mit jQuery AJAX an ein Spring Boot Backend zu übergeben, kannst du den folgenden Ansatz verwenden:

1. **HTML-Formular**:
Erstelle ein Formular mit einem Datei-Input, der mehrere Dateien akzeptiert.

```html
<form id="uploadForm">
<input type="file" id="files" name="files" multiple>
<button type="button" onclick="uploadFiles()">Upload</button>
</form>
```

2. **JavaScript/jQuery**:
Verwende jQuery, um die Dateien zu sammeln und per AJAX an den Server zu senden.

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

for (var i = 0; i < files.length i++) {
formData.append('files', files[i]);
}

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

3. **Spring Boot Controller**:
Erstelle einen Controller, der die Dateien empfängt.

```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;

import java.util.List;

@RestController
public class FileUploadController {

@PostMapping("/upload")
public String handleFileUpload(@RequestParam("files") List<MultipartFile> files) {
for (MultipartFile file : files) {
// Verarbeite jede Datei
System.out.println("Received file: " + file.getOriginalFilename());
}
return "Files uploaded successfully";
}
}
```

Dieser Ansatz ermöglicht es, mehrere Dateien von einem Client mit jQuery AJAX an ein Spring Boot Backend zu senden und dort zu verarbeiten.