Laravelで、横を設定して縦を自動調節にして画像をリサイズする方法

やりたいこと

Laravelで、Intervention Imageで画像をリサイズしたいです。
縦横サイズ指定のリサイズはできたのですが、横を指定して縦を自動調節でのリサイズができません。
以下、状況です。
ご教示いただけますと幸いです。

うまくいっている縦横サイズ指定

以下のコードをCatsControllerに記載して、リサイズはできました。

// 画像をリサイズ うまくいく
 public function store(Request $request) {
        $cat = new Cat;
        $file = $request->file('mainimage_path');
        // 画像の拡張子を取得
        $extension = $request->file('mainimage_path')->getClientOriginalExtension();
        // 画像の名前を取得
        $filename = $request->file('mainimage_path')->getClientOriginalName();
        // 画像をリサイズ
        $resize_img = Image::make($file)->resize(500, 375)->encode($extension);
        // s3のuploadsファイルに追加
        $path = Storage::disk('s3')->put('/myprefix/'.$filename,(string)$resize_img, 'public');
        // 画像のURLを参照
        $url = Storage::disk('s3')->url('myprefix/'.$filename);
        
        $cat->mainimage_path = $url;

・・・他の項目を取得

起きている現象

以下のサイトを参考にこのように記述すると、画像が表示されません・・・
https://blog.capilano-fw.com/?p=1574#i-10
https://manablog.org/laravel-image-manipulation/

// 画像をリサイズ
public function store(Request $request) {
        $cat = new Cat;
        $file = $request->file('mainimage_path');
        // 画像の拡張子を取得
        $extension = $request->file('mainimage_path')->getClientOriginalExtension();
        // 画像の名前を取得
        $filename = $request->file('mainimage_path')->getClientOriginalName();
        // 画像をリサイズ変更したところ
        $width = 200;
        $resize_img = Image::make($file)->resize($width, null, function($constraint){
            $constraint->aspectRatio();
        });
        

        // s3のuploadsファイルに追加
        $path = Storage::disk('s3')->put('/myprefix/'.$filename,(string)$resize_img, 'public');
        // 画像のURLを参照
        $url = Storage::disk('s3')->url('myprefix/'.$filename);
        
        $cat->mainimage_path = $url;
・・・他の項目を取得

エラーは出ないのですが、このようになってしまい、画像が表示されません。
https://gyazo.com/a3aeb80c3f31fdbc5fc75a67f06bd5a7

コンソール
https://gyazo.com/3a89efdf51e4a82bb0eecd37346b7962

アドバイスをいただけますと嬉しいです。。
お願いいたします

kyoya0819

2020/02/14 05:18

リサイズの確認はどのようにして行いましたか？

mikeko0901

2020/02/14 13:18

AWSのcloud9を使っているのですが、webサーバー、mysqlを起動して、previewでブラウザで確認しました！他の、縦横サイズを指定した方法では画像が掲載されていることが確認できましたが、記載した、横を指定して縦を自動比率にしたやり方だと、キャプチャーのようになってしまいます・・

行動規範の内容に同意します

回答1件

ベストアンサー

https://laracasts.com/discuss/channels/laravel/saving-an-intervention-image-instance-into-amazon-s3?page=1

これを参考に

$path = Storage::disk('s3')->put('/myprefix/'.$filename,$resize_img->stream(), 'public');

でどうでしょうか
それでもだめなら
encodeメソッドも試してみてください

投稿2020/02/14 04:51

mikkame

総合スコア5036

mikeko0901

2020/02/14 14:31

mikkameさまありがとうございます。仰るとおり、私は、リサイズがうまくいっていないのかと思ってましたが、別のところでした。 $path = Storage::disk('s3')->put('/myprefix/'.$filename,(string)$resize_img, 'public'); だと、True　というboolean値だけが返っていたようです。いただきましたURLと、以下も参考にしました。 https://tutorialmore.com/questions-510157.htm そして $path = Storage::disk('s3')->put('/myprefix/'.$filename, $resize_img->stream()->__toString(), 'public'); $url = Storage::disk('s3')->url('myprefix/'.$filename); でうまくいきました。ありがとうございます！