0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

AWS Coud9 Laravel6.5 画像の保存と表示方法

Last updated at Posted at 2019-11-30

AWSのCloud9 Laravel環境下で画像を表示させる方法について説明します。

まずCloud9でプロジェクトのフォルダに画像をアップします。

今回はLaravelを利用していますので、Laraveのルールに合わせて画像の保存先を決めて
画像ファイルをアップします。

Laravelでは基本的に 

画像保存場所
{your project}\storage\app\public\

内に保存することが推奨されていますので、このフォルダに画像をアップロードします。
publicフォルダをクリックしてから、

image.png

[File[->[Upload Local File]を選択し、
image.png

画面上に以下のように表示された画像を選択します。
(個人的にはドラッグ&ドロップでアップロードできる機能は好きです)
image.png

次にアップロードした画像へのパスをLaravel上で簡単に呼び出せるようにします。

以下のコマンドをターミナルで実行します。

ターミナル
$ php artisan storage:link
The [public/storage] directory has been linked.

これで設定は完了です。
Laravelの記述では

<img src='{{ asset('storage/picture.png') }}'>

というように明記すれば表示されます。

参考ページ
[Laravel] ユーザーのアイコン画像を投稿、表示させる機能の実装したのでメモ(画像の保存場所は?シンボリックリンクって?)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?