Integration Guides

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

Techniques

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 use a CDN

Image Crop 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.

Image cropper for your website

Serverless Image Gallery with CDN Delivery

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.

Serverless and responsive image gallery

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 Transformations help you prepare a virtually infinite number of image versions to use with Responsive Images.

Make images responsive

Watermarks, Build Cover for 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

Migrating

Migrating Images from Filestack

Even though our Migro utility does a good job migrating your files from Filestack to Uploadcare, image transformations are a bit more complicated to transfer. This article holds a mapping of Filestack image transformation operations to the Uploadcare ones. We also provide some migration practices and visual examples.

Migrate data from Filestack

Programming Languages

Serverless File Uploads in PHP

20 Minutes to Integrate

This guide covers integrating our File Uploader; it enables your PHP app to receive files and caches uploads on our CDN. By the second step, you’ll have the file uploading widget installed, and by the end, you’ll have a working PHP app.

PHP script — file uploading

Serverless File Uploads 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 uploads, 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.

Upload files in JavaScript

Serverless File Uploads for Java

6 Minutes to Integrate

In this guide, you’ll learn how to add Uploadcare file handling routines to your Java applications. It will take you no longer than 5 minutes to get started with file uploads: you’ll only need the single Uploadcare library dependency in place.

Upload file in Java

Frameworks

Angular 2+ Serverless File Uploads

16 Minutes to Integrate

The Аngular framework is used to build web, mobile, and native apps. Uploadcare can add up to the Angular experience with serverless file handling. By the end of the guide, you will have a working integration ready to receive files.

Angular — Upload file

Serverless File Upload for Meteor Web Apps

8 Minutes to Integrate

Meteor is a complete platform for building web and mobile apps in pure JavaScript. Integrating Uploadcare File Uploader, you’ll get a responsive UI to receive image and file uploads right in your Meteor app with no hassle about file storage or delivery.

Meteor file upload

Serverless File Uploads for React

14 Minutes to Integrate

React is a JavaScript library for building user interfaces. Integrating Uploadcare enables your React app to receive files with a powerful widget that adapts to your app’s UI and flow. Each file ingested via File Uploader gets instantly cached by our CDN layers to be rapidly and reliably delivered across 130+ countries.

React file upload

Django Serverless Image Uploads

19 Minutes to Integrate

Uploadcare is an end-to-end file API that allows you to fully manage file uploads, storage, transformations, 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.

Django file upload

Serverless File Uploads for Ruby on Rails

19 Minutes to Integrate

This guide will walk you through the process of creating a simple blogging application in Ruby on Rails powered by Uploadcare for uploading images and generating previews. It will take you about 19 minutes to get a fully functional web app that accepts image uploads for blog posts.

Rails file upload

Integrations

Netlify CMS

20 Minutes to Integrate

Netlify CMS is an open source CMS for your Git workflow. Your content gets stored in a Git repository alongside your code, but using Git repository is hard to scale, especially when it gets to receiving user-generated media. Uploadcare integration helps you detach file infrastructure routines at scale from your Netlify workflow.

Netflify serverless file uploads

Serverless File Uploads for Gravity Forms

18 Minutes to Integrate

This tutorial covers building Gravity Forms able to receive user-generated content via Uploadcare. Integrating with Uploadcare also ensures you need no storage for user media. Every uploaded media is delivered via our smart CDN providing improved load times for your system and saving bandwidth.

Gravity Forms file upload

Serverless File Uploads for JotForm

17 Minutes to Integrate

JotForm is an easy-to-use online form builder bundled with lots of convenient integrations. The Uploadcare integration adds the features of our File Uploader to any form: serverless file uploads and in-browser image editing. In this guide, we are going to create a form that collects speaker candidate data before some conference.

JotForm upload file

Shopify Integration

20 Minutes to Integrate

Shopify is one of the biggest E-commerce platforms allowing to build online stores with great user experience. E-commerce is a highly competitive landscape where you crave user engagement. Personalization is key. This guide covers adding customizable products to a Shopify store by integrating Uploadcare. Prints in custom frames, custom-print sweatshirts, mugs with a photo: that’s what Uploadcare can help with.

Shopify upload images

Serverless File Uploads for TinyMCE

6 Minutes to Integrate

TinyMCE is a powerful WYSIWYG editor powering 100M sites on the web. Integrating Uploadcare enables serverless file and image upload via File Uploader that adapts to your app’s flow and design. Every file uploaded via File Uploader gets instantly cached on our CDN and swiftly and reliably delivered across 130+ countries. Here’s a basic demo of what you’ll get.

TinyMCE image uploader

Serverless File Uploads for Squarespace

6 Minutes to Integrate

Squarespace is a platform for building beautiful websites. With Uploadcare, you can implement powerful serverless file uploads in any Squarespace project in 6 minutes.

Squarespace upload files and pdf

Serverless File Uploads for Webflow

10 Minutes to Integrate

Webflow lets you accomplish most aspects of web development and website distribution via a visual editor. With a little help from Uploadcare, you can enable any Webflow site with serverless file uploads and allow its users to upload any media using a simple button.

Webflow form file uploads

Serverless File Uploads for Wix

5 Minutes to Integrate

Wix is a free website builder. With Uploadcare, you can allow your users to submit media via forms, with no fuss about storage or uploading interface. In 5 minutes we will build an uploads-enabled form via Uploadcare File Uploader using just a few lines of code.

Wix upload files

Serverless File Uploads for WordPress

7 Minutes to Integrate

WordPress is open source software you can use to create a beautiful website, blog, or app. Integrating Uploadcare with WordPress will help you with media uploads, cloud storage, CDN delivery. You will be able to handle serverless file uploads through a powerful File Uploader that adapts to your app’s look and flow. You’ll be able to use uploaded files and images as usual with your post or page editor.

WordPress image cdn

Serverless File Uploads with Zapier

10 Minutes to Integrate

Zapier helps to create automated workflows by moving info between apps. Such workflows are called Zaps, are easy to build and require no coding skills. Pick a Zap from the list in this guide to give it a try right away or learn more about using them.

Zapier file uploads

We’re always happy to help with code, integration, and other stuff. Search our site for more info or post your question in our Community Area.