Upload Files using Nuxt with FastAPI backend

@app.post("/items/")
async def insert_item(
        session: SessionDep,
        file: UploadFile,
        name: str,
        types: str,
        quantity: int,
) -> Item:
    if file.content_type not in 'image/png':
        raise HTTPException(status_code=400, detail="file unsupported format")

    temp_file_path = f"/tmp/{file.filename}"
    with open(temp_file_path, "wb") as buffer:
        buffer.write(await file.read())

    try:
        s3.upload_file(temp_file_path, BUCKET_NAME, file.filename)
        image_url = f"{BUCKET_IMAGE_URL}/{file.filename}"
        session.add(Item(
            name=name,
            types=types,
            quantity=quantity,
            image_url=image_url
        ))
        session.commit()
    except ClientError as e:
        ...

    return {"ok": True}

async function onSubmit(event: FormSubmitEvent<Schema>) {
  const form = new FormData();
  const imageUrl = event.data.image_url;

  form.set("image_url", imageUrl);

  try {
    await $fetch(`${config.public.fastApiUrl}/items/`, {
      method: "POST",
      query: {
        name: event.data.name,
        types: event.data.types,
        quantity: event.data.quantity,
      },
      body: form,
    });

    toast.add({
      title: "Succes",
      description: "Item has been added",
      color: "success",
    });
  } catch (error) {
    console.error(error);
    toast.add({
      title: "Error",
      description: "There's an error occured",
      color: "error",
    });
  }
}