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.1.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.



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