index.js

import express from "express";
import bodyParser from "body-parser";
import axios from 'axios'
import 'dotenv/config'
import multer from "multer";

const app = express();
const port = 3000;

app.use(express.static("public"));
app.use(bodyParser.urlencoded({ extended: true }));

const upload = multer({ storage: multer.memoryStorage() });

app.get("/", (req, res) => {
  res.render("index.ejs")
});

const config = {}

app.post("/submit", upload.single("image"), async (req, res) => {
	try {
		// req.file contains the uploaded file
		if (!req.file) {
			return res.status(400).send("No file uploaded.");
		}

    // Example: Converting the file buffer to a Base64 string (if needed)
    const imageBase64 = req.file.buffer.toString('base64');
		// console.log(req.file.originalname, imageBase64);

		// Prepare data for OpenAI API
		const dataUrl = `data:image/png;base64,${imageBase64}`;

	
		const response = await axios.post("https://api.openai.com/v1/chat/completions", {
			model: "gpt-4o-mini",
			messages: [
				{
					role: "user",
					content: [
						{ type: "text", text: "What's in this image"},
						{
							type: "image_url",
							image_url: {
								"url": dataUrl,
							},
						},
					],
				},
			],
			store: true
		},
		{
			headers: {
				'Authorization': process.env.API_KEY,
				'Content-Type': 'application/json' 
			}
		}	
	);
	console.log(response.data.choices[0].message.content);
	
	} catch (error) {
		console.error("Error:", error.response ? error.response.data : error.message);
    res.status(500).send("Internal Server Error");
	}
});

app.listen(port, () => {
	console.log("Server listening on port");
})