télécharge toutes les images s'il y en a plusieurs + texte en blanc

frontend/src/components/Upload.vue

@@ -30,9 +30,12 @@ export default defineComponent({
 		async submitImage() {
 			if (this.sent === true || this.file === null)
 				return;
-			let formData = new FormData();
+			Array.from(this.file).forEach((file, id) => {
-			formData.append('file', this.file[0]);
+
-			await api.createImage(formData);
+				let formData = new FormData();
+				formData.append('file', file);
+				api.createImage(formData);
+			});
 			this.sent = true;
 			this.$emit('updateImageList');
 			this.resetFile();
@@ -69,12 +72,12 @@ export default defineComponent({
 </script>
 <template>
 	<div>
-		<label>Files
+		<label>Ajouter une ou plusieurs image(s):
 			<input id="fileUpload" type="file" @change="handleFilesUpload($event as InputFileEvent)" accept="image/jpeg"
 				multiple />
 		</label>
-		<button :class="sent ? 'green' : 'normal'" @click="submitImage()">{{ sent ? 'Sent' : 'Submit' }}</button>
+		<button :class="sent ? 'green' : 'normal'" @click="submitImage()">{{ sent ? 'Envoyé' : 'Envoyer' }}</button>
-		<button v-if="file !== null" @click="resetFile()">Reset</button>
+		<button v-if="file !== null" @click="resetFile()">Reinitialiser</button>
 	</div>
 	<h2 v-if="file !== null">Preview :</h2>
 	<div class="previewBox">
@@ -90,6 +93,18 @@ img {
 	border: 1px solid black;
 }
 
+label {
+	color: white;
+}
+
+input {
+	color: white;
+}
+
+h2 {
+	color: white;
+}
+
 .imageLabel {
 	display: flex;
 	flex-direction: column;