Uploadcare Quick Start

Integrate in Minutes.

Upload

First, your users upload files from computers, mobile devices or cloud services.

Drop some picture here:

or just drag this image
onto the button

Our widget works as a simple form element, and can be added to a page without much boilerplate.

<!-- The best place for this one is your <HEAD> tag -->
<script>UPLOADCARE_PUBLIC_KEY = "demopublickey";</script>
<script src="https://ucarecdn.com/libs/widget/3.7.4/uploadcare.full.min.js" charset="utf-8"></script>

<!-- This is where the widget will be. Don't forget the name attribute! -->
<input type="hidden" role="uploadcare-uploader" name="my_file" />

NPM, Bower and other install methods in our docs.

This tutorial uses demo account which keeps files for a few days. Public key: demopublickey, secret key: demoprivatekey.

Process and Deliver

After the file is stored, it becomes available from our CDN.

Upload the file to see our image processing features.

Store

Files are stored automatically by default but you can control which files to store.
Storing files explicitly is optional and depends on your use case.

Just send a request:

Such requests can be sent using any programming language, or even cURL.

PUT /files/:file_id/storage/ HTTP/1.1
Host: api.uploadcare.com
Authorization: Uploadcare.Simple demopublickey:demoprivatekey

Don’t spend weeks on what you can do in minutes.

Create a New Project

No credit card required.

Finbarr Taylor

CTO @ Shogun

When comparing the costs of serving the equivalent unoptimized traffic, like with traditional CDN’s, using Uploadcare lets Shogun reduce their image bandwidth costs by 70% to 86%. In 2018, this resulted in infrastructure cost savings of just over $200,000.