Upload File

[Kavehrafie]

This is great package but I could not figure out how I can get uploaded file given that there is no access to formData inside the action callback

[TheEdoRan]

I added a file upload recipe on the docs website.

This seems to work fine:

"use server";

import { action } from "@/lib/safe-action";
import { writeFileSync } from "fs";
import { zfd } from "zod-form-data";

const schema = zfd.formData({
  image: zfd.file(),
});

export const fileUploadAction = action
  .schema(schema)
  .action(async ({ parsedInput }) => {
    await new Promise((res) => setTimeout(res, 1000));

    // Write file to disk
    writeFileSync(
      parsedInput.image.name,
      Buffer.from(await parsedInput.image.arrayBuffer())
    );

    // Do something useful with the file.
    console.log("fileUploadAction ->", parsedInput);

    return {
      ok: true,
    };
  });

[Kavehrafie]

Thanks!