File Uploader Configurator

Adjust the Uploader look and configure its features live.

Step 1. Customize button

Customize the appearance and functionality to match your website.

Button color
Font color
Label
Preview
How many files are allowed at once?
Language
English
File types

Step 2. Customize panel

Enrich uploading flow with external sources and image editing.

File dialog type
Upload sources
Uploading. Please wait...
Image editor

Step 3. Install bundle

Choose a bundle that works best for you.

Bundle with 'en' locale only, no built-in jQuery.

56.9 KB

Bundle without built-in jQuery.

85.6 KB

Full bundle with built-in jQuery.

116 KB
Shell
npm install uploadcare-widget --save
JS
import uploadcare from 'uploadcare-widget/null'

Step 4. Add to page

Choose the configuration method and add this code to your page.

Head
Body
<input type="hidden" role="uploadcare-uploader" data-public-key="demopublickey" data-tabs="file camera url facebook gdrive gphotos" />