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
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.
Image Crop for Web and Mobile
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.
Serverless Image Gallery with CDN Delivery
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.
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.
Watermarks, Build Cover for Your Images
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.
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.
Programming Languages
Serverless File Uploads in PHP
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.
Serverless File Uploads for JavaScript
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.
Serverless File Uploads for Java
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.
Frameworks
Angular 2+ Serverless File Uploads
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.
Serverless File Upload for Meteor Web Apps
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.
Serverless File Uploads for React
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.
Django Serverless Image Uploads
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.
Serverless File Uploads for Ruby on Rails
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.
Integrations
Netlify CMS
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.
Serverless File Uploads for Gravity Forms
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.
Serverless File Uploads for JotForm
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.
Shopify Integration
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.
Serverless File Uploads for TinyMCE
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.
Serverless File Uploads for Squarespace
Squarespace is a platform for building beautiful websites. With Uploadcare, you can implement powerful serverless file uploads in any Squarespace project in 6 minutes.
Serverless File Uploads for Webflow
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.
Serverless File Uploads for Wix
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.
Serverless File Uploads for WordPress
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.
Serverless File Uploads with Zapier
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.