justalever / Drag_and_drop_active_storage
A demo drag and drop image upldate Ruby on Rails app using Stimulus.js, DropZone.js, and ActiveStorage
Stars: ✭ 46
Programming Languages
ruby
36898 projects - #4 most used programming language
Labels
Projects that are alternatives of or similar to Drag and drop active storage
Doctor
Doctor is a documentation server for your docs in github
Stars: ✭ 391 (+750%)
Mutual labels: rails, ruby-on-rails
Good job
Multithreaded, Postgres-based, ActiveJob backend for Ruby on Rails.
Stars: ✭ 676 (+1369.57%)
Mutual labels: rails, ruby-on-rails
Matestack Ui Core
Matestack enables you to create sophisticated, reactive UIs in pure Ruby, without touching JavaScript and HTML. You end up writing 50% less code while increasing productivity, maintainability and developer happiness.
Stars: ✭ 469 (+919.57%)
Mutual labels: rails, ruby-on-rails
Loaf
Manages and displays breadcrumb trails in Rails app - lean & mean.
Stars: ✭ 360 (+682.61%)
Mutual labels: rails, ruby-on-rails
Learn Rails
An example Rails 5.1 app to accompany the "Learn Ruby on Rails" book.
Stars: ✭ 375 (+715.22%)
Mutual labels: rails, ruby-on-rails
Motion
Reactive frontend UI components for Rails in pure Ruby
Stars: ✭ 498 (+982.61%)
Mutual labels: rails, ruby-on-rails
Tapping device
TappingDevice makes objects tell you what they do, so you don't need to track them yourself.
Stars: ✭ 296 (+543.48%)
Mutual labels: rails, ruby-on-rails
Niklick
Rails Versioned API solution template for hipsters! (Ruby, Ruby on Rails, REST API, GraphQL, Docker, RSpec, Devise, Postgress DB)
Stars: ✭ 39 (-15.22%)
Mutual labels: rails, ruby-on-rails
Railsgoat
A vulnerable version of Rails that follows the OWASP Top 10
Stars: ✭ 699 (+1419.57%)
Mutual labels: rails, ruby-on-rails
Rails performance
Monitor performance of you Rails applications
Stars: ✭ 345 (+650%)
Mutual labels: rails, ruby-on-rails
Activejob Scheduler
A background job scheduler for any queue backend
Stars: ✭ 24 (-47.83%)
Mutual labels: rails, ruby-on-rails
Lamby
Simple Rails & AWS Lambda Integration 🐑🛤
Stars: ✭ 336 (+630.43%)
Mutual labels: rails, ruby-on-rails
Devise masquerade
Extension for devise, enable login as functionality. Add link to the masquerade_path(resource) and use it.
Stars: ✭ 380 (+726.09%)
Mutual labels: rails, ruby-on-rails
Ansible Rails
Ansible: Ruby on Rails Server
Stars: ✭ 317 (+589.13%)
Mutual labels: rails, ruby-on-rails
Sail
Sail is a lightweight Rails engine that brings an admin panel for managing configuration settings on a live Rails app
Stars: ✭ 484 (+952.17%)
Mutual labels: rails, ruby-on-rails
Elasticsearch Rails
Elasticsearch integrations for ActiveModel/Record and Ruby on Rails
Stars: ✭ 2,896 (+6195.65%)
Mutual labels: rails, ruby-on-rails
Kickoff tailwind
A rapid Rails 6 application template for personal use bundled with Tailwind CSS
Stars: ✭ 287 (+523.91%)
Mutual labels: rails, ruby-on-rails
Leaky Gems
A list of Ruby gems that have known memory leaks (and issues)
Stars: ✭ 895 (+1845.65%)
Mutual labels: rails, ruby-on-rails
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:
- Stimulus JS
- Dropzone JS
- Webpack/Rails 6.0
- Kickoff Tailwind (My personal starter template for Rails apps)
Continue reading here: https://web-crunch.com/rails-drag-drop-active-storage-stimulus-dropzone/
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].