Configure the widget and use generated snippets on your web page.
This code sample is perfect for one widget at page
Preferrable if you need more than one widget at page
If you want to use the widget with a CMS or framework, navigate to Libraries & Integrations to find a suitable installation guide.
You can also install the uploadcare-widget as NPM package.
Or just put the following lines in the <head> section of your page; placing them at the end of your page’s <body> will also work:
<script>
UPLOADCARE_PUBLIC_KEY = 'YOUR_PUBLIC_KEY';
</script>
<script src="https://ucarecdn.com/libs/widget/2.x/uploadcare.full.min.js"></script>
Then, anywhere on the page:
<input
type="hidden"
role="uploadcare-uploader"
name="content"
data-image-shrink="null" />
If you want to use the widget with a CMS or framework, navigate to Libraries & Integrations to find a suitable installation guide.
You can also install the uploadcare-widget as NPM package.
Or just put the following lines in the <head> section of your page; placing them at the end of your page’s <body> will also work:
<script src="https://ucarecdn.com/libs/widget/2.x/uploadcare.full.min.js"></script>
Then, anywhere on the page:
<input
type="hidden"
role="uploadcare-uploader"
name="content"
data-public-key="YOUR_PUBLIC_KEY" />