서버에 이미지 전송

src/app/components/ImgInputForm.client.tsx

@@ -29,15 +29,26 @@ const ImgInputForm_client = () => {
         if (file) file.click()
     }
 
-    const confirm = () => {
-
+    const confirm = async () => {
+        const files = fileRef.current?.files
+        if (files) {
+            const file = files[0]
+            const fomrData = new FormData()
+            fomrData.append("image", file)
+            console.log("here")
+            console.log(file.size)
+            await fetch("http://localhost:9001/img/get-img", {
+                method: "POST",
+                body: fomrData
+            })
+        }
     }
 
     return (
         <>
-            <div className="flex items-center gap-3">
+            <div className="flex items-center gap-3 max-w-xs max-h-40">
                 { preview &&
-                    <img src={preview} />
+                    <img src={preview} sizes=""/>
                 }
             </div>
             <div className="flex items-center gap-3">