Uploadcare Vue is an HTML5 file uploader which itself is a part of Uploadcare ecosystem.
The widget is highly customizable to fit your needs. It supports multi-file uploads, manual crop, integrations with social networks and cloud storage providers.
Types of bundles
There's a few types of js bundles:
uploadcare.full.js— a full bundle with built-in jQuery,
uploadcare.js— a bundle without built-in jQuery,
uploadcare.ie8.js— a full bundle with built-in jQuery 1.x for IE 8 support (widget v. 2.x and below),
uploadcare.lang.en.js— a bundle without built-in jQuery,
Each bundle has its minified version. Just add
uploadcare.min.js is exported for npm and other package managers.
You’re free to choose from the install methods listed below.
npm install uploadcare-vue --save
import Uploadcare from 'uploadcare-vue'
Other install methods
The official Uploadcare Widget documentation has more install methods.
Once you’re done with the install, there are two simple steps to take to actually use the widget.
Set your public key.
Your secret key is not required for the widget
Insert widget element and
uploadcare component will listen to any click event
<uploadcare :publicKey="YOUR_PUBLIC_KEY" @success="onSuccess" @error="onError"> <button>New Asset</button> </uploadcare>
The widget is highly customizable through widget options. All configuration options together with ways to set them are described in our docs.
It’s possible that your locale is not available in the widget yet. If that’s the case, contributing your locale might be a good idea. This can be done by forking the main repository and adding a localization file here.
Our widget should work perfectly in a couple of the latest versions of major desktop browsers: Internet Explorer, Edge, Firefox, Google Chrome, Safari, and Opera. It is most likely to run well in older versions of major browser too, except for Internet Explorer < 10.
If you need to support of old browsers and IE8 too, you might use v2 of widget.
|Chrome: 37+||Android Browser: 4.4+|
|Firefox: 32+||Opera Mobile: 8+|
|Safari: 9+||iOS Safari: 9+|
|Edge: 12+||IE Mobile: 11+|
|IE: 10+||Opera Mini: Last|
Check out the Uploadcare Widget development guide here.