laravelでの画像表示方法

Question

####問題
laravelにアップロードした画像(testimg.jpg)を表示できません。

####環境
・VirtualBox + Vagrant + Homestead + Composerによりlaravel5.8をインストール
・mac 側と仮想環境側のフォルダを共有するとこで、mac 側から Laravel のファイルをいじっている

####状況

・画像はアップロード済みで、storage/app/public配下にtestimg.jpgがあります。
・php artisan storage:linkによりシンボリックリンクを作成し、public/storage配下にもtestimg.jpgがある状況

・シンボリックリンクは下記の通り通っている

mynameMacBook-puro:public myname$ ls -l storage
lrwxr-xr-x 1 myname staff 43 2 9 08:10 storage -> /Users/myname/code/storage/app/public

・public配下の画像がそもそも表示されるか確かめるためにimgフォルダを作ってその下に同じ画像を置いて、
hoge.blade.phpの方で<img src="{{ asset('img/testimg.jpg') }}">としたところ、そちらの画像は表示された。

シンボリックリンクに問題があるのか、他のところが悪いのか全然わからない状況でございます。

Answer 1

php artisan storage:link

はVagrant内で実行しないといけない気がしないでもない

Comments

[wijiwiji]

vagrant内で実行した結果、無事に画像を表示させることができました！
ありがとうございます！

これからphp artisan をするときは基本的にvagrant内でまずは実行してみることとします。

Answer 2

<img src="{{ asset('img/testimg.jpg') }}"></img>としたところ

そもそもimgタグに閉じタグってないはずですが、
asset()関数の使い方はそれで正しいと思います。
public配下からのリンクになるはずです。

シンボリックリンクも作成済みで、public/storage配下にtestimg.jpgがあります。

であれば
asset('storage/testimg.jpg') なのでは？

Comments

[wijiwiji]

閉じタグの件、その通りですね！

伝え方が悪かったです。

`asset('storage/testimg.jpg')`で試しましたが、画像は表示されませんでした。
そこで、public配下の画像がそもそも表示されるか確かめるためにimgフォルダを作ってその下に同じ画像を置いて、`asset('img/testimg.jpg')`したところ、そちらは表示されたので、シンボリックリンクに問題があるのかなと推測した次第です。

[m.ts10806]

「シンボリックリンクに問題があるのかな」という疑問がある状態で「シンボリックリンクも作成済み」と書くのはまずいのではないでしょうか。
提示された情報では「本当にシンボリックリンクが有効になっているかどうか」は見えません。どのように確認しましたか？

[wijiwiji]

確かに質問内容がおかしかったですね。ご指摘ありがとうございます。

シンボリックリンクの確認ですが、以下です。
mynameMacBook-puro:public myname$ ls -l storage
lrwxr-xr-x 1 myname staff 43 2 9 08:10 storage -> /Users/myname/code/storage/app/public

また、storage/app/publicに画像をアップロードすると、自動でpublic/storageにも同じ画像が入ります。

[m.ts10806]

なるほどMacでしたか。仮想環境かと思ってました。
いずれにしても質問本文に追記してください。

[wijiwiji]

Macか仮想環境かで何か変わるのでしょうか。
ということで開発環境についても質問本文に追記させていただきました。