Skip to content
A demo drag and drop image upldate Ruby on Rails app using Stimulus.js, DropZone.js, and ActiveStorage
Ruby HTML JavaScript CSS
Branch: master
Clone or download
Latest commit 65ce41e Oct 5, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Fix user_id mention Sep 16, 2019
bin Initial commit Sep 15, 2019
config Init Sep 15, 2019
db Init Sep 15, 2019
lib Initial commit Sep 15, 2019
log Initial commit Sep 15, 2019
public Initial commit Sep 15, 2019
storage Initial commit Sep 15, 2019
test Init Sep 15, 2019
tmp Initial commit Sep 15, 2019
vendor Initial commit Sep 15, 2019
.browserslistrc
.gitignore Initial commit Sep 15, 2019
.ruby-version Initial commit Sep 15, 2019
Gemfile Initial commit Sep 15, 2019
Gemfile.lock Initial commit Sep 15, 2019
Procfile Initial commit Sep 15, 2019
README.md Update README.md Oct 5, 2019
Rakefile Initial commit Sep 15, 2019
babel.config.js Initial commit Sep 15, 2019
config.ru Initial commit Sep 15, 2019
package.json Init Sep 15, 2019
postcss.config.js Initial commit Sep 15, 2019
yarn.lock Init Sep 15, 2019

README.md

Ruby on Rails Drag and Drop Uploads with Active Storage, Stimulus.js and Dropzone.js

This tutorial is about using Active Storage from Ruby on Rails 6.0 to create a drag and drop upload experience from scratch using Stimulus.js and Dropzone.js.

Objective

The goal of this experience is to introduce drag and drop functionality and tie it to Rails Active Storage behind the scenes. I want to be able to drag and drop multiple files for upload as well as pass options that regulate what conditions can be passed around those files. Those conditions could be anything from image type to file size and more.

Dependencies:

Continue reading here: https://web-crunch.com/rails-drag-drop-active-storage-stimulus-dropzone/

You can’t perform that action at this time.