ajout correction tp1-2

frontend/src/components/Upload.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { api } from '@/http-api';
+
+const target = ref<HTMLInputElement>();
+
+function submitFile() {
+  if (target.value !== null && target.value !== undefined && target.value.files !== null) {
+    const file = target.value.files[0];
+    if (file === undefined)
+      return;
+    let formData = new FormData();
+    formData.append("file", file);
+    api.createImage(formData).then(() => {
+      if (target.value !== undefined)
+        target.value.value = '';
+    }).catch(e => {
+      console.log(e.message);
+    });
+  }
+}
+
+function handleFileUpload(event: Event) {
+  target.value = (event.target as HTMLInputElement);
+}
+</script>
+
+<template>
+  <div>
+    <h3>Upload an image</h3>
+    <div>
+      <input type="file" id="file" ref="file" @change="handleFileUpload" />
+    </div>
+    <div>
+      <button @click="submitFile">Submit</button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+</style>