File upload undefined about sveltekit-superforms HOT 4 CLOSED

Right, if you have set SUPERFORMS_LEGACY, no files will be allowed. It's mentioned here, but as always you can never mention something enough, so I'll add it in a couple of more places.

from sveltekit-superforms.

If it works on Stackblitz, it's hard to say what exactly in your code or environment is not making it work. Sometimes it's as simple as a missing name attribute on the file input field.

Here's a working example of mine anyway, maybe you can figure it out from there: https://stackblitz.com/edit/superforms-2-file-uploads?file=src%2Froutes%2F%2Bpage.svelte,src%2Froutes%2Fschema.ts,package.json

from sveltekit-superforms.

I think it's something with superValidate() that doesn't seem to work for me. If I await request.formData(), the file is there.

+page.server.ts

const schema = z.object({
	image: z
		.custom<File>((f) => f instanceof File, 'Please upload a file.')
		.refine((f) => f.size < 1024 * 1024 * 10, 'Max 10 MB upload size.')
});

export const actions = {
	default: async ({ request }) => {
		const formData = await request.formData();
		const form = await superValidate(formData, zod(schema)); // Doesn't matter if i put in request instead of formData

		console.log((formData.get('image') as File).size); // Works
		console.log(form.data.image.size); // Doesn't work (undefined)
                ...
        }
}

+page.svelte

<script lang="ts">
	import type { PageData } from './$types';
	import Header from '$lib/components/Header.svelte';
	export let data: PageData;
</script>

<Header />

<form method="POST" enctype="multipart/form-data" class="pt-56">
	<input type="file" name="image" />
	<button>Submit</button>
</form>

from sveltekit-superforms.

Solved it!
Needed to change

const form = await superValidate(formData, zod(schema));

to

const form = await superValidate(request, zod(schema), {
			allowFiles: true
});

Does it have something to do with SUPERFORMS_LEGACY option in vite.config.ts? Maybe add it to the documentation.

from sveltekit-superforms.