Laravel: Image Interventionで作成した画像をビューに表示したい。

Question

こんにちは。

LaravelでIntervention Imageを使って2つの画像をマージして表示しようとしています。

Controller

use App\Models\User;
use InterventionImage;

public function qrcode(User $user)
    {
        $qrcode_path = ('public/storage/qrcode/' . $user->random . '.png');
        $qrcode_img = InterventionImage::make($qrcode_path);
        $qrcode_template_path = ('public/storage/home/qrcode_template.png');
        $qrcode_template_img = InterventionImage::make($qrcode_template_path);

        $qrcode_merged = $qrcode_template_img->insert($qrcode_img, 'center');

        return view('test.myqrcode')->with([
            'user' => $user,
            'qrcode_template_img' => $qrcode_merged
        ]);
    }

blade.php

<img src="{{$qrcode_merged}}">

現在このコードだと、

Intervention\Image\Exception\NotReadableException

Image source not readable

というエラーメッセージが表示されてしまいます。

もしかしたらマージした画像を一回保存しなければいけないのかなと思ったのですが、QRコードを複数の背景と組み合わせて複数パターンを作るみたいな使い方をしたいので、可能であれば保存せずに表示したいです。

解決方法ご存知の方いらっしゃいましたら、ご教示いただけると幸いです。

よろしくお願いいたします。

Answer 1

$qrcode_imgはオブジェクトなので、insert後save関数でファイルに保存する必要があります。

Comments

[toyop]

skys215さん
ご回答ありがとうございます。
これは保存せずにそのまま表示するような方法はやはりないのでしょうか。

[skys215]

`->stream('data-url');でできるはずです。

[toyop]

skys215さん
お返事ありがとうございます。
そうするとControllerの方は、
`$qrcode_merged = $qrcode_template_img->insert($qrcode_img, 'center');`
とすればよいのかなと思ったのですが、view側での表示の仕方が、調べてみたのですがいまいちわかりませんでした。質問攻めにして大変申し訳ないのですが、その部分アドバイス頂けると嬉しいです。

[skys215]

return view('test.myqrcode')->with([
'user' => $user,
'qrcode_template_img' => $qrcode_merged->stream('data-url'), //<--ここ
]);

Answer 2

確認すべき点はたくさんありそうです。

コントローラに書かれている画像のパスはその相対パスで参照できるのでしょうか。
qrcode_mergedという名称では渡されてません。
insert()の返却値は画像パス（Webから参照可のもの）なのですか？