Get a file from a FormData

Answered

Sphecid wasp posted this in #help-forum

Sphecid waspOP

2024-12-16T15:31:55.168Z

Hey !
I have a formdata, and I get this formdata when submitting the form.
In this form, user can attach a file and I want to get this file and upload it in my server. But how do I get the file ?

Answered by Alfonsus Ardani

If you pass the formData through a server action you can easily get them using the form data API

// front-end
<form action={serverAction}>
  <input type="file" name="myfile1"/>
</form>

// back-end
async function serverAction(formData: FormData){
  const file = formData.get('myfile1') as File
}

[Here is the demo](https://x.com/alfonsusac/status/1867420899026382949)

View full answer

10 Replies

Sphecid waspOP

2024-12-16T15:34:15.601Z

btw, I'm doing this in an action file. Maybe I should create an API and then send the file via this ?

Alfonsus Ardani

2024-12-16T15:38:58.047Z

If you pass the formData through a server action you can easily get them using the form data API

// front-end
<form action={serverAction}>
  <input type="file" name="myfile1"/>
</form>

// back-end
async function serverAction(formData: FormData){
  const file = formData.get('myfile1') as File
}