Q&A
bladeファイルのソースコードも提示ください
storage linkは貼っているのですが
public下のstorageをクリックすると
こちらが出てきます。リンクは貼られているので、うまくいっているはずですが何が問題なのかわかりません、
ファイルの作成を押すと
こちらが出てきます。何をどうすればいいのか色々と調べてみましたが該当する
トピックが出てきません
詳しい方がおられましたらぜひ教えていただけるとありがたいです。
よろしくお願いします
<img src="/images/lthygSy4K19B80cY7NDhDovbkNOs0U9HnR0eDeh7.png" alt="">
こちらです
public下のstorage/imagesには反映されているのですが、blade上でその画像たちをみてみようとしたところはエラー(404)が出てくるので、何故だろうと思いました。おそらくパスの間違いか、それ以外だと思うのですが、パスは何度も試したので、別の要因がありそうなので質問させていただきました。
回答3件
0
恐らくパスの間違い
public/storage/imagesの中に画像があるのであれば
<img src="/storage/images/lthygSy4K19B80cY7NDhDovbkNOs0U9HnR0eDeh7.png" alt="">
投稿2021/12/09 10:09
編集2021/12/09 10:10総合スコア480
試しましたができませんでしたm(_ _)m
何かのヒントになるかわからないですがpublicでのシンボリックリンクのパスを調べたところ
storage -> /Users/name/laravel_docker/appname/storage/app/public
の時きちんとpublic/storage/imagesが反映されており
こちら⬇︎
https://qiita.com/Baisel/items/49b16ce3231c749f6c6f
を参考に変更してみたところ質問にあったようにstorageを開けなくなりました
確認しますけど、画像自体は
プロジェクトフォルダ/public/storage/imagesの中にあるんですよね？
プロジェクトフォルダ/storage/app/publicではないですよね？
前者であるならばシンボリックリンクは関係ないです。
一度ブラウザ上でページのソースを表示するから該当箇所のsrcに表示されるURLで画像が正しく表示されるか確かめてみてください。
/public/storage/imagesの中に画像はありますし、
/storage/app/public/imagesの中にも同じものがあります
画像は表示されません
ソースは
<img src="/storage/images/logo.png" alt="">となってます（画像名は簡単なmのに変えました）
ネットワーク＞イメージ（logo.png）>セキュリティのところで
保護されない方法でリソースが要求されました。
とありました。何かヒントになれば幸いです
画像は
？が表示されます
ページのソースを表示からsrcを確認するとリンクになってると思うんですが
そのリンクを押しても画像は表示されないです？
そのリンク先がどういうURLになってるか教えてもらえませんか
画像は表示されないです
リンク先は404になってます
そもそも保存されてないために画像自体存在しないんですかね？
404はファイルが存在しない事を示すエラーで
①パスに誤りがある
②ファイルが存在しない
のどちらかになります。
もう一度imgタグのsrc部分を見直してください。
画像があればローカル環境なら
localhost/storage/images/logo.pngとブラウザに打てば見れるはず。
404なので画像自体が存在してないのかなと思います
ご自身でimagesの中に画像はあるとおっしゃいましたよね...？
存在してないのかなと思いますの意味が分かりません...
画像はあるけどlogo.pngという名前の画像は存在しないって話ですか？
>YuusukeArtRoom 2021/12/09 19:38
/public/storage/imagesの中に画像はありますし、
/storage/app/public/imagesの中にも同じものがあります
画像はありますよ！
写真追加してます
skys215さんによると
vscodeではシンボリックリンクに対応してないみたいなんですが、そこに原因はありそうでしょうか？？
https://qiita.com/Baisel/items/49b16ce3231c749f6c6f
こちらにある-nfsを含むコマンドはそのまま実行された感じですか？
またOSは何でしょうか
推測するに、
storage/app/public配下に画像を配置して、その後にphp artisan storage:linkで
シンボリックリンク（public/storage）を作成した。
その後qiitaにあるコマンドをそのまま実行した。
→この時点でシンボリックリンクのパスが間違っている
パスが違うので、IDEで開こうとしても参照先が存在しないためエラーになる。
こうじゃないですかね。
シンボリックリンクを使うかはさて置き、とりあえずの解消法として
public内のstorage（シンボリックリンク）はそのまま削除
手動でpublic内にstorage、storage内にimagesのフォルダ作成
その中にバックアップの画像を入れて
<img src="/storage/images/logo.png" alt="">
または
<img src="{{ asset('storage/images/log.png')}}" alt="">
で確認してみる。
もしくはシンボリックリンクのパスを正しいものへ修正するかです。
ありがとうございます。
開きたい時はstorage/app/publicを開けばいいです。
これは画像をblade上で表示させる時のパスということでいいでしょうか？？
ls -la でみたところ
storage -> /Users/name/laravel_docker/appname/storage/app/public
となっており正常にリンクされているのですが、画像が表示されないです。
どのように表示はできるかわかりますでしょうか？
調べても出てこずという感じです
画像が表示されないとは？エディターでかサイトでか？
サイトです
blade上です
0
php artisan storage:linkを実行しましたか？
投稿2021/12/09 02:42
総合スコア910
勘違いでsail artisan storage:linkでやってました。
うまくいったのですが画像の読み込みができないのですが読み込みは普通にパスを記述するだけでいいですか？？
public/storage/avatar.jpeg(storage/app/public/avatar.jpeg)にファイルがあるとすると、asset('storage/avatar.jpeg')でURLを作成できます。
ありがとうございます。
blade上でということですよね？？
できないみたいですね、画像の保存の仕方を調べてみたいと思います。
Developer Toolsで画像のURLを確認してください
あなたの回答
tips
プレビュー
