.Profile Page

src/app/api/index.ts

@@ -0,0 +1,34 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import formidable from 'formidable';
+import fs from 'fs';
+
+export const config = {
+  api: {
+    bodyParser: false, // Disable Next.js body parser to handle form data
+  },
+};
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method === 'POST') {
+    const form = new formidable.IncomingForm();
+
+    form.parse(req, (err, fields, files) => {
+      if (err) {
+        console.error('Error parsing form data:', err);
+        return res.status(500).json({ error: 'Failed to process form data' });
+      }
+
+      // Access the uploaded file
+      const file = files.image;
+      if (file) {
+        console.log('Uploaded file:', file);
+        return res.status(200).json({ message: 'Image received successfully', file });
+      } else {
+        return res.status(400).json({ error: 'No image file uploaded' });
+      }
+    });
+  } else {
+    res.setHeader('Allow', ['POST']);
+    res.status(405).end(`Method ${req.method} Not Allowed`);
+  }
+}