Image Cropping With Active Storage & CropperJS | Ruby On Rails 7 Tutorial

[@Deanin]

This was needlessly difficult to figure out because I spent 2 hours looking at the wrong version of the documentation lol. Links as always in the video description. If you thought this video was cool, checkout the 3d mode viewer tutorial I uploaded a few hours ago using ThreeJS + Active Storage! kzbin.info/www/bejne/eYuaeWejor9gjsk

[@myanch200]

You once again saved me, thank you

[@Deanin]

Glad it was helpful! 😀

[@srijithchandrashekaran7791]

Thank you, it saved my time.

[@giedriusruby]

would be great to see this with importmap and propshaft

[@ianadams2746]

Another great video! I'd love to see a video about creating, updating, or deleting multiple records at once from a form. Something like an employees table (has_many timecards) and a timecards table (belongs_to employee), and a form where you can select multiple employees (check box? multi-select?) and submit identical timecards for each. Like, "Bob, Jim, and Carol worked Sunday from 10am to 4pm". Or, select multiple timecards and delete them. Or select multiple timecards and update the start time. I found a couple blog posts on the topic, but still really confused. Thanks!

[@azizdevfull]

amazing : )

[@shaunpennell5792]

How do you get around the "Tainted canvases" error due to CORS when using AWS for active storage? Fails when trying to call this.outputTarget.src = canvas.toDataURL();

[@shaunpennell5792]

I answered my own question. I just made a helper to convert the image to base64 and set the img src to that instead of the remote url of the image hosted in my aws bucket.

[@JavierContrerasFerrada]

@@shaunpennell5792 I shaun, can you post your code for this?

[@serge_white]

I think it would be much better to just save the attributes for the crop and use them in the variant.