Is it viable to utilize server actions for file uploads in a Next.js project, such as storing images, documents, spreadsheets, and PDFs in the public folder?
While Node.js offers options like Multer and Formidable for this purpose, I am faced with challenges using server actions due to its lack of support for
'Content-Type': 'multipart/form-data'I aim to store applicant details including name, email, phone number, and resume. Can server actions facilitate this process?
"use server";
import prisma from "@/utils/prisma";
import fs from "fs";
import FormData from "form-data";
import path from "path";
import { v4 as uuid } from "uuid";
const uploadApplicant = async (
name: string,
email: string,
tel: string,
file: File | null
) => {
const fileName = uuid();
const formData = new FormData();
formData.append("file", file);
console.log("Form data: ", formData);
const binaryData = formData.getBuffer();
console.log("Binary: ");
console.log(binaryData);
const filePath = path.join(
__dirname,
"../../../../",
"public",
"uploads",
`${fileName}.pdf`
);
fs.writeFileSync(filePath, binaryData, "binary");
await prisma.applicant.create({
data: {
name,
tel,
email,
fileName,
},
});
};
export default uploadApplicant;