質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

Blade

Bladeとは、 PHPフレームワークのLaravelで使用することができるテンプレートエンジンです。テンプレートの継承とエスケープ機能を提供します。

Q&A

解決済

1回答

957閲覧

Laravel8 画像表示について

yuuu752

総合スコア18

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

Blade

Bladeとは、 PHPフレームワークのLaravelで使用することができるテンプレートエンジンです。テンプレートの継承とエスケープ機能を提供します。

0グッド

0クリップ

投稿2021/08/31 12:05

前提・実現したいこと

在庫詳細画面の/views/stock/show.blade.phpでDBから取得した画像を表示させたい。
(画像がDBとstorage/app/public/imagesに保存されていることは確認済み)

発生している問題・エラーメッセージ

/views/stock/show.blade.phpでasset()を使って画像を表示しようとすると未定義の関数を呼び出しているとエラー発生。

Call to undefined function  asset() (View: /work/resources/views/stock/show.blade.php) http://127.0.0.1:8000/list/show/7

/views/stock/show.blade.phpでは、レイアウト/views/layouts/app.blade.phpを読み込んでいるのですが、レイアウトのhead部分で何かjsの設定に不備があるのかなと考え、現在調査しています。

該当コードで怪しい点があればご指摘いただけると幸いです。

該当のソースコード

在庫詳細の機能メソッド

php

1/Controllers/StockController.php 2 3 public function show(Request $request,$id) 4 { 5      //idから在庫情報を取得 6 $stock = Stock::find($id); 7 return view('stock.show', ['stock' => $stock]); 8 }

在庫詳細のview

/views/stock/show.blade.php //画像表示部分 <img src="{{ asset('public/images/' . $stock->image) }}" style="width:100%;"/> ↓ //全体のコード <x-app-layout> @section('title', '在庫詳細') <x-slot name="header"> <h2 class="text-lg text-gray-800 leading-tight"> {{ __('在庫詳細') }} </h2> </x-slot> <div class="flex justify-center"> <div class="mt-12 grid grid-cols-1 gap-6"> <label class="block"> <span class="text-gray-700">店名</span> <input type="text" name="shop" value="{{$stock['shop']}}" readonly class="block rounded-md border-gray-300 shadow-sm focus:border-purple-300 focus:ring focus:ring-purple-200 focus:ring-opacity-30"> @error('shop') <p>❗️<span class="text-red-500">{{$message}}</span</p> @enderror </label> <label class="block"> <span class="text-gray-700">購入日</span> <input type="date" name="purchase_date" value="{{$stock['purchase_date']}}" readonly class="block rounded-md border-gray-300 shadow-sm focus:border-purple-400 focus:ring focus:ring-purple-200 focus:ring-opacity-30"> @error('purchase_date') <p>❗️<span class="text-red-500">{{$message}}</span</p> @enderror </label> <label class="block"> <span class="text-gray-700">期限</span> <input type="date" name="deadline" value="{{$stock['deadline']}}" readonly class="block rounded-md border-gray-300 shadow-sm focus:border-purple-300 focus:ring focus:ring-purple-200 focus:ring-opacity-30"> @error('deadline') <p>❗️<span class="text-red-500">{{$message}}</span></p> @enderror </label> <label class="block"> <span class="text-gray-700">商品名</span> <input type="text" name="name" value="{{$stock['name']}}" readonly class="block rounded-md border-gray-300 shadow-sm focus:border-purple-300 focus:ring focus:ring-purple-200 focus:ring-opacity-30"> @error('name') <p>❗️<span class="text-red-500">{{$message}}</span</p> @enderror </label> <label class="block"> <span class="text-gray-700">値段</span> <input type="text" name="price" value="{{$stock['price']}}" readonly class="block rounded-md border-gray-300 shadow-sm focus:border-purple-300 focus:ring focus:ring-purple-200 focus:ring-opacity-30"> @error('price') <p>❗️<span class="text-red-500">{{$message}}</span</p> @enderror </label> <label class="block"> <span class="text-gray-700">数量</span> <input type="number" name="number" value="{{$stock['number']}}" readonly class="block rounded-md border-gray-300 shadow-sm focus:border-purple-300 focus:ring focus:ring-purple-200 focus:ring-opacity-30"> @error('number') <p class="-mt-14">❗️<span class="text-red-500">{{$message}}</span</p> @enderror </label> <img src="{{ asset('public/images/' . $stock['image']) }}" style="width:100%;"/> <div class="mt-6 mb-12 flex justify-center"> @can('admin-higher') {{-- 管理者権限以上に表示される --}} <a href="/admin/list" class="py-2 border-2 text-center border-purple-500 px-4 bg-gradient-to-r from-purple-200 to-pink-200 font-semibold hover:opacity-75 rounded md:w-32">一覧に戻る</a> @elsecan('user-higher') {{-- 一般権限以上に表示される --}} <a href="/list" class="py-2 border-2 text-center border-purple-500 px-4 bg-gradient-to-r from-purple-200 to-pink-200 font-semibold hover:opacity-75 rounded md:w-32">一覧に戻る</a> @endcan </div> </div> </div> </x-app-layout>
/views/layouts/app.blade.php <!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>@yield('title')</title> <!-- Fonts --> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap"> <!-- Styles --> <link rel="stylesheet" href="{{ mix('css/app.css') }}"> @livewireStyles <!-- Scripts --> <script src="{{ mix('js/app.js') }}" defer></script> </head>

試したこと

show.blade.phpでレイアウトを読み込まずに、レイアウトに記述していたコードをshow.blade.phpの方に追加して再度動作確認。
→結果、変わらず同じエラーが発生しました。

補足情報(FW/ツールのバージョンなど)

laravel、livewire、docker

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

y_waiwai

2021/08/31 12:09

質問文は編集できます 無駄に質問建てないで、追記修正しよう
yuuu752

2021/08/31 12:12

申し訳ありません。 意図的に行ったのではなく、一度投稿エラーが発生したので投稿できていないと勘違いして再度投稿していました。
guest

回答1

0

自己解決

こちら他の質問と被ってしまっているので解決済みにさせていただきます。

投稿2021/08/31 22:28

yuuu752

総合スコア18

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問