Resizing Active Storage Image Uploads With MiniMagick | Ruby On Rails 5.2 Tutorial

[@Deanin]

The current schedule involves a Devise tutorial coming out tomorrow, a video on uploading videos with Active Storage on Saturday, and a FriendlyId tutorial for Sunday. Next week will probably see the start of the first project series, where we spend several episodes building an application by putting some of these topics together. There'll also be some Action Cable tutorials next week probably. Thanks for watching and subscribing everyone, the feedback means a lot!

[@timetails9610]

Oh 😑

[@Pandesaltosino]

bruh, i cant wait for the whole project tutorial. thanks for the update

[@UsefulProgrammer]

You've got one of my favorite coding channels Deanin - Thanks for theses.

[@Deanin]

I appreciate the kind words! Glad the videos are helping people out!

[@dannyskybox293]

Thank! exactly what i was looking for. super clear tutorial!

[@lcastiillo]

Dude!! Many thanks! Super clear tutorial.

[@Deanin]

You're welcome, I'm glad it helped someone!

[@PeerSpot]

Great video. Simple and clear. Lots of people are coming from PaperClip and i was wondering how to replace the functionality of the # sign in, as in '50x50#'. Does the ! do the same image processing?

[@dariayudina8463]

actual question

[@张翔-v2u]

thanks before looking! It's a new brand feature,so i find bare tutorial about it .

[@sithubo24]

Hi Deanin How can I solve this error? "PS C:\pinterest> rails active_storage:install rails aborted! Don't know how to build task 'active_storage:install' (See the list of available tasks with `rails --tasks`) bin/rails:4:in `require' bin/rails:4:in `' (See full trace by running task with --trace)"

[@Pandesaltosino]

do you know how to do the resize with multiple images? I get this error "undefined method 'variant' for #... " model code: has_many_attached :uploads def thumbnail return self.uploads.variant(resize: '200x200').processed end

[@Deanin]

Yeah, let me just run through the setup for anyone else wondering how this works. 1. Inside of your model, change it from has_one_attached :image to has_many_attached :images 2. Inside the params for your controller, change it from permit(..., :image) to (..., images: []) 3. Change your view's form from form.file_field :image to: form.file_field :images, multiple: true 4. Inside your pin model, add in a parameter for the method: def thumbnail(input) 5. Then change any reference to the image inside that method from: image.variant to instead be return self.images[input].variant(resize: '1920x1080').processed 6. Then anywhere that you want to access the image, you would instead do the following: or or This allows you to treat the images in a similar way to how you did when you only had one. Hope this helps, I'll have a video covering multiple uploads up in a bit because this seems like it warrants its own video. :)

[@Pandesaltosino]

aah I see. I missed this part thumbnail(input). just to confirm, this is because of the array? also, thank you!

[@Deanin]

Yup! I just finished recording a video covering it, I'll have it up in a couple hours. :)

[@Coul777exe]

Thank you!

[@mehmetsamilbuyukcaglayan5421]

Everytthig is fine but I couldnt find a way to use mini magick with active storage. Your way is not working :(

[@mehmetsamilbuyukcaglayan5421]

Atleast I couldnt make it work

[@Deanin]

Sorry to hear it didn't work! I think they deprecated minimagick in Rails 6. You might need to use the image_processing gem instead if you're on Rails 6. I think the commands are the same, it's just under a different gem name. I'll include a link below. If this doesn't work still, or you're not on Rails 6, please let me know and I'll see if I can help troubleshoot. github.com/janko/image_processing

[@mehmetsamilbuyukcaglayan5421]

@@Deanin Thanks for your quick response. Yeah I checked image processing too. I was actually looking for how do I watermark with mini_magick. And I found a way in a blog. May I share link ?

[@Deanin]

Yeah of course! The link will help out other people looking at this later. I appreciate that you're willing to share your resources!

[@mehmetsamilbuyukcaglayan5421]

ruby.zigzo.com/2018/09/22/watermarking-images-with-active-storage/ This post shows us how to watermark. It also look like a guide for how to use other ImageMagick options.