Svelte File Uploader

Use this integration when you want Uploadcare File Uploader in Svelte via Web Components.

Minimal setup

1. Install package:

$
npm install @uploadcare/file-uploader

2. Register Uploadcare components in the client runtime.

3. Add uc-config, uploader component, and uc-upload-ctx-provider in your Svelte component/page.

Read setup details in:

• Installation
• Configuration

Example

• Svelte example (GitHub)

This example includes:

• regular and minimal uploader modes
• event-driven preview updates
• custom source plugin integration

Related File Uploader docs

• Overview
• Events
• API
• Styling
• Plugin API

Svelte-specific notes

• Register components only on the client side.
• Clean up manual uploader event listeners on component destroy.
• For secure upload flows, review Security settings.