+page.svelte
<form action="?/upload" method="post" enctype="multipart/form-data" > <input type="file" name="file" accept="application/pdf" /> +page.server.js
export const actions = { upload: async ({ cookies, request, locals }) => { const data = await request.formData(); //HOW CAN I GET and save the file locally with writeFileSync? return { success: true }; } }; I haven't found a way to handle file uploads in sveltkit. Any ideas? The file is small.. so there is no problem in loading to memory.
1 Answer
You can just get a File instance from the form data and read it via one of its methods like text(), stream() or arrayBuffer(). e.g.
// would recommend using these async functions import { writeFile } from 'fs/promises'; //... const file = data.get('file'); // value of 'name' attribute of input await writeFile(`./files/${file.name}`, await file.text()); // or await writeFile(`./files/${file.name}`, file.stream()); // or await writeFile(`./files/${file.name}`, new Uint8Array(await file.arrayBuffer())); Writing files is a fairly dangerous operation, would recommend validating that the file name is actually just a name, not a full path.
3
