Example on how to use use uploadthing with SvelteKit.

  • In src\routes\api\uploadthing+server.ts
    • uploadthingId should be set (sveltekit loads env variables differently).
    • callbackUrl should be set (SvelteKit does not set env.PORT, which is used for the callbacks), or set the port of the vite dev server to 3000. CallbackUrl must be set to localhost, 127.0.0.1 is not recognized as being hosted locally (you will get { status: 'THIS FILE WAS NOT MADE FROM LOCALHOST' }).
  • svelte-filedrop should be installed.
  • Set ORIGIN env variable to http://localhost:3000, if that doesn't work, in svelte.config.js, kit.csrf.checkOrigin should be set to false for the webhook callback to work. see in docs

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes