AWS S3 has been a reliable service over the years and for a long time it was the only option. However, in the past few years, there has been more cloud storage options that have popped up with compatible S3 APIs. These services can sometimes offer better pricing and speeds.

Cropping images can be hard and there can be quite a few complications. In this episode, we have a look at using StimulusJS to crop images uploaded through Active Storage.

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews. It's lightweight, highly customizable and doesn't have any dependencies.

When multiple files are uploaded with Active Storage, they are typically associated to a single record. In this episode, we take a different approach where each file uploaded should be its own record along with direct uploads.

SimpleMDE is a great WYSIWYG Markdown Editor, but lacks the ability to handle image uploads. In this episode, we look at adding ActiveStorage and some JavaScript to handle image uploading.