storageフォルダにアップロードした画像をログインユーザーのみに表示する

Question

現状、アップロードした画像はpublicフォルダに格納されており、第三者でも閲覧できてしまいます。
こちらをstorageフォルダに格納することで、ログインしているユーザーなら誰でも閲覧できるよう修正したいです。

アップロード画像は、storageへはstorage_path()を利用して格納することができました。
現在の課題は、こちらの表示についてとなります。

    public function update(Request $request, $id)
    {
        $input = $request->all();

            //画像を追加
            $files = $request->file('photos');
            //配列の中身確認用のjudge変数 http://qiita.com/wonda/items/b4a425edd73880a13e62
            $judge = array_filter($files);
            if(!empty($judge)) {
                $i = 1;
                foreach ($files as $file) { 

                    $name = time() . $file->getClientOriginalName();
                    $file = $file->move(storage_path() . '/images/'.$id,$name);

                    $photo = InvPhoto::create(['file'=>$name,
                        'type'=> 1,
                        'inventory_id'=>$id,
                        'number'=>$i]);

                    $i++;
            }
        }

view側で下記の用にしてみたのですが、参照先に不備があり表示ができません。
<img src="C:\xampp\htdocs\projectname\storage/images/2171/test_pic.jpg" alt="" class="img-responsive img-rounded">

        <div class="form-group">
        
			@foreach($invphotos as $photo)
				@if($photo->number == 1)
					<img src="{{storage_path() }}/images/{{ $photo->file ? $inventory->id.'/'.$photo->file : 'http://placehold.it/400x400' }}" alt="" class="img-responsive img-rounded">
				@else
					<img height="100" src="/images/{{ $photo->file ? $inventory->id.'/'.$photo->file : 'http://placehold.it/50x50' }}" alt="" class="img-rounded">
				@endif
			@endforeach
		</div>

表示方法についてご教示いただけませんでしょうか。
いつもありがとうございます。

Answer 1

storage_path()得られているのはサーバー上での絶対パスです。
これはブラウザにとっては意味のないリンクとなってしまいますし、セキュリティ上の理由でユーザーには見せません。

storageディレクトリはブラウザから直接アクセスされれも見えないようになっていなければ意味がないので、
基本的にsrcに直接画像を設定することはないかと思います。

htmlのimg srcにはストレージ画像アクセスのためのコントローラへのURLを設定しておいて、
php側でURLから目的の画像に読み替えて、ユーザーも問題ないかチェックして、
表示可能な条件が揃ったら、

$path = storage_path().'/images/～～～';  //（目的のパス
return Response::download($path);

の様に画像を返してあげることになるんだと思います。

Comments

[ocms]

ご助言ありがとうございます！

＞htmlのimg srcにはストレージ画像アクセスのためのコントローラへのURLを設定しておいて、 php側でURLから目的の画像に読み替えて、

大変お手数をお掛けして申し訳ないのですが、このコントローラへのURLを設定するという点をお伺いできないでしょうか。

フォームからコントローラーを呼び出すようなイメージをしてしまっているのですが、おそらく違うのだろうとは思うのですが。。。

[flied_onion]

フォームからコントローラーを呼び出すイメージで半分あってます。フォームからではなく、ブラウザからコントローラーが呼び出されることになります。img srcのリンクに従ってブラウザは画像を取りにサーバーに(GET)リクエストします。
これはアプリケーションのトップページにアクセスするために、ユーザーはブラウザにURLを入力したりしてアクセスしてきますよね。このとき、アプリの最初のコントローラーはGETリクエストを処理しているはずです。

それと同じことです。画像のためにGETを処理するコントローラーを作って、そこにきたらもろもろ処理してstorageの画像を返してあげる。ということです。

最初はそのコントローラにGETで来たら、無条件にstorage内の固定の画像を(私の書いたコードみたいに)返してあげてみたらいいと思います。（それから、ユーザーが～とか、URLから目的の画像を判断して～とかいう処理を付け足せばよいかと）