๐File serving backend
const express = require('express');
const multer = require('multer');
const path = require('path');
const fs = require('fs');
const cors = require('cors');
const app = express();
// Enable CORS for frontend requests
app.use(cors());
const PORT = 3000;
// Ensure uploads folder exists
const uploadDir = path.join(__dirname, 'uploads');
if (!fs.existsSync(uploadDir)) {
fs.mkdirSync(uploadDir);
}
// Multer storage config
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, uploadDir);
},
filename: function (req, file, cb) {
const uniqueName = Date.now() + '-' + file.originalname;
cb(null, uniqueName);
}
});
// Filter for .jpeg, .jpg, .png
const fileFilter = (req, file, cb) => {
const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
if (allowedTypes.includes(file.mimetype)) {
cb(null, true);
} else {
cb(new Error('Only .jpeg, .jpg, and .png files are allowed!'), false);
}
};
const upload = multer({ storage, fileFilter });
// Serve static files from /uploads
app.use('/uploads', express.static(uploadDir));
// Upload endpoint
app.post('/upload', upload.single('image'), (req, res) => {
if (!req.file) {
return res.status(400).json({ error: 'No file uploaded or invalid file type' });
}
const fileUrl = `${req.protocol}://${req.get('host')}/uploads/${req.file.filename}`;
res.json({ url: fileUrl });
});
// Start server
app.listen(PORT, () => {
console.log(`Server running at http://localhost:${PORT}`);
});Last updated