How to use Uppy with ActiveStorage

January 27, 2020

Track your progress

Sign in to track your progress and access subscription-only lessons.

Log In

Your Teacher

Hi, I'm Chris. I'm the creator of GoRails, Hatchbox.io and Jumpstart. I spend my time creating tutorials and tools to help Ruby on Rails developers build apps better and faster.

About This Episode

Learn how to implement Uppy as a frontend for uploading files via drag and drop, paste, URL, Google Drive, Dropbox, webcam and more to Active Storage in Rails

Notes

Uppy.io is a fantastic file uploading frontend Javascript library. It provides a drag and drop interface along with copy & paste and integrations with services like Google Drive, Dropbox, Instagram, and more. You can upload files from any of those locations and Uppy will retrieve and upload the file for you wherever it needs to go.

Integrating Uppy with ActiveStorage can be a bit of a pain however. You actually need a plugin to make it work with ActiveStorage's direct upload URL so it knows where to send the files.

Resources

Want to stay up-to-date with Ruby on Rails?

Join 86,946+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.