Guides

This section contains Uploadcare platform guides. They were made to help you sort out any essential file-related tasks: uploading, storage, delivery, and even in-browser image editing. We also believe the easiest way to integrate our File Uploader and Upload API with your app is to streamline your development process by breaking it down into simple steps you can complete in minutes.

Techniques

Implementing responsive images

When developing a website, implementing responsive designs means handling responsive images, the ones that can adapt to user devices and browsers. Uploadcare image processing helps you prepare a virtually infinite number of image versions to use with Responsive Images.

How to make your images responsive

Adding watermarks to your images

5 minutes to integrate

Quite often we see that some image on the web is protected with watermarks (i.e., logos or symbols applied over it). One way to watermark an image is to use an image processing software in manual or automatic mode. Another way is a near-real-time on-demand image processing — a concept we cultivate within our CDN.

How to add a watermark

Serverless video and audio

15 minutes to integrate

Uploadcare optimizes your content delivery. The main thing here is delivering your media assets via our CDN. Another thing is optimizing your content. We support video transcoding, GIF to video conversions, and image processing; audio transcoding is on our roadmap.

How to deliver video and audio via CDN

Cropping images for web and mobile

9 minutes to integrate

Cropping images is a common task and an everyday routine for producing content. We believe image crop should happen right in your browser and be intuitive and simple. This tutorial is about enabling your users to crop images in any browser with Uploadcare, no matter the device or browser they use.

How to use image crop operations

Creating a serverless image gallery

10 minutes to integrate

Fotorama is a simple yet powerful image gallery. It supports any browsers, provides seamless, responsive experience, and lazy loading images. By bringing Uploadcare together, you can get your galleries serverless and powered up with best-in-class CDN delivery.

How to create an image gallery

Allow cross-origin images on canvas

Browsers restrict access to canvas if an image is downloaded from an untrusted source. By default, only images of the same origin are treated as trusted. If you draw images from other origins, the canvas will automatically be marked as "tainted", which is considered a security risk by browsers. This guide will help you overcome this restriction when dealing with images from Uploadcare CDN on HTML canvas.

How to use Uploadcare images on canvas

Browsing previously uploaded files

11 minutes to integrate

This guide will help you implement file upload history in the File Uploader widget. Uploadcare doesn’t store relations between users and files and doesn’t allow its File Uploader to list all files in the project for security reasons. But there are ways to store file-to-user relations for the uploader in your project.

How to browse uploaded files

OAuth connection examples

Quite often we see that some image on the web is protected with watermarks (i.e., logos or symbols applied over it). One way to watermark an image is to use an image processing software in manual or automatic mode. Another way is a near-real-time on-demand image processing — a concept we cultivate within our CDN.

How to use OAuth connection

Example apps

Django serverless image uploading

19 minutes to integrate

Uploadcare is an end-to-end file API that allows you to fully manage file uploading, storage, processing, and delivery. All that is included in our Python and Django integrations. In this guide, we will create an app with an Instagram-like grid feed and image uploading.

How to implement file uploading in Django

Serverless file uploading for JavaScript

14 minutes to integrate

By bringing together the Uploadcare end-to-end file handling platform and JavaScript, you will be able to power up any web app with ready-to-use uploading, storage, and in-browser image editing. In this guide, we will show how to use the File Uploader to build a simple HTML5+JS Image Hosting app.

How to implement file uploading with JavaScript

Compliances

Establish HIPAA-compliant ePHI data flows

HIPAA is US legislation providing data privacy and security provisions for safeguarding medical information. Uploadcare’s File API ensures your data flows are HIPAA-compliant and painless.

How to create HIPAA-compliant ePHI data flows

Migration

Transferring files to Uploadcare with Migro

If you came to Uploadcare from a DIY solution or another platform, the first thing to migrate is to copy files from their current place to your Uploadcare storage, so that they’re handled and delivered with an Uploadcare CDN.

How to transfer your files to Uploadcare

Migrate image operations from Filestack

Even though our Migro utility does a good job transferring your files from Filestack to Uploadcare, image transformations are a bit more difficult to update. This article maps Filestack image transformations operations to the Uploadcare image processing operations, and provides useful migration practices and visual examples.

How to switch to Uploadcare image operations