Laravel Blade html 图片

Question

我的图片文件路径是public/img/stuvi-logo.png和
我的 app.blade.php 文件路径是 resources/views/app.blade.php

在我的 app.blade.php 文件中，我使用 {{HTML::image('/img/stuvi-logo.png')}}
显示图像。
我不明白为什么找不到图像。
image() 方法的根文件夹是什么？

Answer 1

变/img/stuvi-logo.png到img/stuvi-logo.png

{{ HTML::image('img/stuvi-logo.png', 'alt text', array('class' => 'css-class')) }}

产生以下 HTML.

<img src="http://your.url/img/stuvi-logo.png" class="css-class" alt="alt text">

Answer 2

在 Laravel 5.x 中您可以使用 laravelcollective/html 和语法：

{!! Html::image('img/logo.png') !!}

Answer 3

如果你使用bootstrap，你可能会使用这个-

 <img src="{{URL::asset('/image/propic.png')}}" alt="profile Pic" height="200" width="200">

注意：在 public 文件夹中创建一个名为 image 的新文件夹，然后将您的图像放在那里。使用 URL::asset() 您可以直接访问 public 文件夹。

Answer 4

与 laravel 5.3.. 有同样的问题。我就是这样做的，而且非常简单。例如 blade 页面视图中的徽标

****<image img src="/img/logo.png" alt="Logo"></image>****

Answer 5

在Laravel5.x中，你也可以这样做。

<img class="img-responsive" src="{{URL::to('/')}}/img/stuvi-logo.png" alt=""/>

Answer 6

在我的例子中，这非常有效

<img  style="border-radius: 50%;height: 50px;width: 80px;"  src="<?php echo asset("storage/TeacherImages/{$studydata->teacher->profilePic}")?>">

此代码用于显示文件夹中的图像

Answer 7

截至目前，您可以使用

<img src="{{ asset('images/foo.png') }}" alt="tag">

Answer 8

您可以使用 asset() 直接访问图像文件夹。

<img src="{{asset('img/stuvi-logo.png')}}" alt="logo" class="img-size-50 mr-3 img-circle">

Answer 9

假设您要显示的文件是 public 尝试在邮件生成器函数中添加变量。

public function toMail($notifiable)
{
    $img_url = env('APP_URL')."/img/stuvi-logo.png";

    return (new MailMessage)
                ->subject('Test')
                ->markdown('vendor.mail.markdown.message', [
                                                    'data' => $this->data,
                                                    'img_url'=>$img_url
        ]);
}

然后使用您在电子邮件 blade 文件的数组中设置的 'img_url' 变量。

< img src={{img_url}} alt="Logo" height="50"/>

This worked for me on Laravel 8.xx.

Answer 10

它将在 public/storage 文件夹中寻找图像，您可以在其中定义自己的 image 文件夹

<img src="{{ Storage::url($post->image->path) }}" alt="">

始终尝试转储您首先要查找的内容，而不是将其传递给 url 方法。

此外，如果您有一些

，您可以在图像模型中创建自己的 url() 方法

public function url()
{
    return Storage::url($this->path);
}

然后在您的 blade 模板中，您可以按如下方式使用此方法：

<img src="{{ $post->image->url() }}" alt="">

Laravel Blade html 图片

Laravel Blade html image

image

laravel

laravel-blade