Vue File Uploader

Use this integration when you want Uploadcare File Uploader in Vue with the Web Components package.

Minimal setup

1. Install package:

$
npm install @uploadcare/file-uploader

2. Configure Vue compiler to treat Uploadcare tags as custom elements (for example in Vite config).

3. Register Uploadcare components and add uploader elements to your Vue views/components.

Read setup details in:

• Installation
• Configuration

Example

• Vue 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

Vue-specific notes

• Configure isCustomElement for uc-* tags.
• Handle uploader event listeners with proper mount/unmount lifecycle cleanup when using manual listeners.
• For secure upload flows, review Security settings.