ググってもあんまり出てこなかったのでメモを残しておきます。 JSは Cropper.js を利用しています。ライセンスはMITです。 こんな感じ やり方 cropper.jsを使って画像を表示し、保存ボタン押下時に切り抜くための情報をRailsに送ります。 Rails側では保存前に切り抜き処理を行い、保存するだけ。 view ライブラリ yarn add で cropperjs を入れます。 file inputを用意します Stimulusでmodalを表示する設定も入れておきます。 # show.html.haml .uploading-images.pt-3 = form_with url: user_images_path(@user), local: true, data: { controller: "preview" } do |f| .input-group = f.fil
![cropper.jsを使ってActiveStorageで画像アップロード時に切り抜きを行う - rochefort's blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/d12f73409f2b7595286266e2e1ff1e7dc7d1f5bf/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fr%2Frochefort%2F20230401%2F20230401223046.png)