Multiple Array FromData

[Cc_Cc_Cc]

Hey liebe Com,

ich hab ein kleines Problem wobei ich nicht weiterkomme. Hab etwas gegoogelt und bin auf das richtige gestoßen und hab es auch fast geschafft nur eine Sache bekomme ich nicht hin.

Folgendes:

Man kann mehrere Bilder auswählen und dann mit Ajax Senden.

Erstmal mein HTML-Code wo man Bilder auswählen kann:

 Spoiler

<form method="POST" class="formphoto2" id="multipleform" enctype="multipart/form-data">
								
	<input type="file" name="uploadImageMultiple[]" class="inputfile" id="file122">

	<input type="file" name="uploadImageMultiple[]" class="inputfile" id="file2">
	
	<input type="file" name="uploadImageMultiple[]" class="inputfile" id="file3">
	
	<input type="file" name="uploadImageMultiple[]" class="inputfile" id="file4">
	
	<input type="file" name="uploadImageMultiple[]" class="inputfile" id="file12">
									
</form>

ganz einfach würde es so gehen:

PHP Code:

    $.ajax({
        type: 'POST',
        method: 'POST',
        url: '../MeetBlog/pages/upload_cache_multiple/upload_cache_multiple.php',
----->        data: new FormData($(".formphoto2")[0]), <------- 


Da ich jetzt aber noch einen Text eingeben kann und der in einer anderen Form ist muss ich es anders machen.

Das habe ich im Internet gefunden und hab es etwas bearbeitet.

PHP Code:

var formData = new FormData();

formData.append('uploadImageMultiple', $('.inputfile')[0].files[0]); 


Jetzt gibt er mir aber kein Array, also habe ich es umgeändert in etwa so:

 Spoiler

PHP Code:

var formData = new FormData();
                                    
var arr = [$('.inputfile')[0].files[0]];
                                    
for(var i = 0; i < arr.length; i++) {
    formData.append('uploadImageMultiple[]', arr[i]);
} 


Problem ist hierbei er sagt mir das es immer nur ein Array gibt. Jetzt frage ich mich was muss in "var arr" rein? So klappt alles jetzt fehlt aber nur noch das er mir immer sagt das es ein array gibt.

Hoffe ihr habt mich Verstanden und könnt mir helfen wäre sehr dankbar

[lnqlorlouz]

Du gibst ja mit

$('.inputfile')[0]

auch nur das erste rein. Wie wäre es mit

var formData = new FormData();
                                    
var arr = document.querySelectorAll('.inputfile'); // liefert dir schon eine iterierbare NodeList, brauchst also kein Array daraus machen
                                    
for(var i = 0; i < arr.length; i++) {
    formData.append('uploadImageMultiple[]', arr[i].files[0]);
}

oder ES6 like:

const arr = [...document.querySelectorAll(".inputfile"), ...uploadImageMultiple[]];
formData.append(arr);