Multiple File Uploads with a nice JS interface?

Hello everyone,,
I am going with an 'Attachment' model which belongs to other models (just one for now).
https://snaptube.cam/ https://syncnet.onl/telegram-web/ 9apps
The 'Attachment' model to add other fields and funtionality down the road. Each record has one file uploaded against it.

I started with ActiveStorage but am abandoning that because AS just dumps all your files into the root of your filestore. So down the road when I have a million uploads I have a mess. Carrierwave (and other gems) let you organize your uploads into organized directories etc.

I am currently just using a nested form and ActiveStorage in my edit view. It works but is clunky. I wanted to use Dropzone (as I used a few years back) but it doesn't seem to support nested attributes.

Is there a modern and easy to use combination of gems / JS to do this based on my set-up?

Thanks,.

I recommend using a library like Dropzone.js or Uppy.js for multiple file uploads with a nice JS interface. These libraries make it easy to drag and drop files, show progress bars, and handle file uploads asynchronously. Let me know if you need help implementing this.