Q&A
状況がよく分かりませんが、php artisan storage:link やその他のコマンドは docker の中で実行したと言うことでしょうか？ また、ls -l /app/storage/app/public とするとどうなりますか？
はじめまして、Laravelにて開発中のLaravel初心者です。
現在、Dockerにてローカル開発環境を作成して開発しております。
フォームを作成し、画像をアップロードさせる機能を作っていますが、正しく画像が表示されない状態です。
以下、状況を説明致しますので、原因など分かる方いらっしゃいましたらご教授お願い致します。
ローカル開発環境
Laravel Framework 7.29.3
PHP 7.4.8
MySQL 5.7
Redis 5.0
docker-compose 3.7
PC iMac
OS MacOS10.15.5
エディタ Visual Studio Code バージョン: 1.52.1
コンテナの状況
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 7f54017f2644 sample-game-server_nginx "/docker-entrypoint.…" 18 hours ago Up 18 hours 0.0.0.0:80->80/tcp sample-game-server_nginx_1 9a737730ce70 sample-game-server_app "docker-php-entrypoi…" 18 hours ago Up 18 hours 9000/tcp sample-game-server_app_1 3ae0e76220d4 sample-game-server_queue_worker "docker-php-entrypoi…" 18 hours ago Up 17 hours 9000/tcp sample-game-server_queue_worker_1 4636f208b623 phpmyadmin/phpmyadmin "/docker-entrypoint.…" 5 months ago Up 2 weeks 0.0.0.0:9090->80/tcp sample-game-server_phpmyadmin_1 428b9a41774c mysql:5.7 "docker-entrypoint.s…" 5 months ago Up 2 weeks 0.0.0.0:3306->3306/tcp, 33060/tcp sample-game-server_mysql_1 f4fa0d3165ab minio/minio "/usr/bin/docker-ent…" 5 months ago Up 2 weeks 0.0.0.0:9000->9000/tcp sample-game-server_minio_1 9e0fdef068a2 redis:5.0-alpine "docker-entrypoint.s…" 5 months ago Up 2 weeks 0.0.0.0:6379->6379/tcp sample-game-server_redis_1
確認したところ画像ファイルは正しくアップロードされていました。
アップロード先
ローカルサーバ>app>storage>app>public>uploads
色々なサイトを参考にさせて頂き、シンボリックリンクも作成しました
$ php artisan storage:link
生成されたファイル？リンク？
ローカルサーバ>app>public>storage
public下にstorageというものが生成され、右にリンクっぽいのが表示されるようになりました。
このファイルを触ろうとすると以下のようにシンボリックリンクだというポップアップが表示されます。
しかし、実際にクリックしようとすると右下にエラーが表示されます。
その後、属性を調べてみましたが、やはりシンボリックリンクは、正常に作られているように思います。
bash-5.0# ls -l public/storage lrwxr-xr-x 1 root root 23 Feb 4 04:25 public/storage -> /app/storage/app/public
しかし、ブラウザで確認しようとしても画像は表示されません。
パスが違うのかなと思い、色々なパターンを書いてみましたが上手くいきません。
<img src="../storage/uploads/test.jpg"><br> <img src="storage/uploads/test.jpg"><br> <img src="storage/test.jpg">
ちなみにテスト画像の権限は以下の通りです
bash-5.0# ls -l storage/app/public total 324 -rw-r--r-- 1 root root 330146 Feb 4 04:31 moon.jpg drwxr-xr-x 5 root root 160 Feb 4 19:48 uploads
bash-5.0# ls -l storage/app/public/uploads total 1380 -rw-r--r-- 1 root root 747977 Feb 4 01:20 QzILQEPCzYDk9nyTqoMcvGvNjjNeKqlvXPG65mZv.jpeg -rw-r--r-- 1 root root 330146 Feb 4 01:18 mOjOKGpbiny9wT5iajdMWpL8zScxJwdEXGE7EFsi.jpeg -rw-r--r-- 1 root root 330146 Feb 4 19:48 test.jpg
検索できる範囲で調べたのですが、状況が改善されず、なんとかアドバイス頂ければと思います。
お手数ですが、よろしくお願い致します。
分かりづらく申し訳ありません。
コマンドはdocker内で行っております。
こちら、ls -l /app/storage/app/publicの結果になります。
↓
bash-5.0# ls -l /app/storage/app/public
total 324
-rw-r--r-- 1 root root 330146 Feb 4 04:31 moon.jpg
drwxr-xr-x 5 root root 160 Feb 4 19:48 uploads
Laravelなどのバージョンも追記をお願いします（ここではなくご質問に記載をお願いします）
ありがとうございます。
本文に追記致しました。
> Dockerにてローカル開発環境を作成して
環境についてももう少し詳しく本文に追記をお願いします。もし何処かのサイトを参考にされているのでしたらそれもお願いします。
https://nogson2.hatenablog.com/entry/2020/04/15/001105
アプリの構造がおかしいのかもしれないと思い、上記サイトを参考にしましたが、よく分からない状況です????
回答2件
0
ベストアンサー
投稿内容が削除できないので編集にて書き換えています
投稿2021/06/24 12:35
編集2021/06/28 13:31退会済みユーザー
総合スコア0
ご回答ありがとうございました。
<img src="{{ asset('storage/uploads/test.jpg') }}">
残念ながら、こちら表示されませんでした。
上記のようにassetヘルパーは使うこととして、
当てずっぽうなんですが、シンボリックリンクを相対パスで作成してみるとどうでしょうか。
今の絶対パスのシンボリックリンクファイルを削除した後に、以下のように--relativeオプションを付けて実行すると相対パスで作成できると思います。
php artisan storage:link --relative
削除
削除
assetヘルパーを使ったとき、HTMLソースを確認するとそのimgタグのsrcはどのような値になっていますか？
削除
http://localhost の部分がおかしそうですか？その場合は、APP_URL環境変数を正しそうな値にセットするとどうでしょうか。
<img src="{{ Storage::url('storage/uploads/demo.png') }}"> だとどうでしょうか。
投稿書き換え
あなたの回答
tips
プレビュー
