jQuery 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 --saveJS
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" />