如何在 laravel 的电子邮件布局中显示图像？

Question

我这样发送电子邮件的代码：

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

我的 message.blade 视图如下：

@component('mail::layout')
    {{-- Header --}}
    @slot('header')
        @component('mail::header', ['url' => config('app.url')])
            {{ config('app.name') }}
        @endcomponent
    @endslot

    {{-- Body --}}
    This is your logo 
    ![Some option text][logo]
    [logo]: {{asset('img/my-logo.png')}} "Logo"  

    {{-- Subcopy --}}
    @isset($subcopy)
        @slot('subcopy')
            @component('mail::subcopy')
                {{ $subcopy }}
            @endcomponent
        @endslot
    @endisset

    {{-- Footer --}}
    @slot('footer')
        @component('mail::footer')
            © {{ date('Y') }} {{ config('app.name') }}. All rights reserved.
        @endcomponent
    @endslot
@endcomponent

发送邮件成功，但邮件内容如下：

This is your logo 
![Some option text][logo]

[logo]: http://myshop.dev/img/my-logo.png "Logo"

图片不显示

我该如何解决这个问题？

我关注这个参考：https://medium.com/@adnanxteam/how-to-customize-laravel-5-4-notification-email-templates-header-and-footer-158b1c7cc1c

Answer 1

这对我有用！

<img src="{{$message->embed(asset('images/image_name.png'))}}">

对于那些有未定义变量：消息的人： 您需要将变量 $message 发送到视图，而 $message 是 Mailable 实例。
示例：

$this->view('view_name_here')
     ->with(['message' => $this])
     ->subject("Hello..");

Answer 2

这是一个老问题，但这可能对其他人有所帮助。试试这个...（假设您想用您的徽标替换应用名称）

@component('mail::layout')
    {{-- Header --}}
    @slot('header')
        @component('mail::header', ['url' => config('app.url')])
            <img src="{{ asset('img/my-logo.png') }}" alt="{{ config('app.name') }} Logo">
        @endcomponent
    @endslot

    {{-- Body --}}
    {{ $slot }}

    {{-- Subcopy --}}
    @isset($subcopy)
        @slot('subcopy')
            @component('mail::subcopy')
                {{ $subcopy }}
            @endcomponent
        @endslot
    @endisset

    {{-- Footer --}}
    @slot('footer')
        @component('mail::footer')
            © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
        @endcomponent
    @endslot
@endcomponent

当您扩展 'vendor.mail.markdown.message' 时，您明确表示呈现的邮件将仅使用此视图，即 markdown，您完全忽略了将要发送的 HTML 电子邮件。

Markdown 电子邮件具有 HTML 版本和原始文本版本，您看不到对 Markdown 文件所做的更改，因为您正在查看电子邮件的 HTML 版本，因此请查看您必须更新的那些更改@ 987654323@不仅是markdown一个。

Answer 3

@component('mail::layout')
    {{-- Header --}}
    @slot('header')
        @component('mail::header', ['url' => config('app.url')])
            {{ config('app.name') }}
        @endcomponent
    @endslot

    {{-- Body --}}
    This is your logo 
    ![Some option text][logo]
    [logo]: <img src="{{url('/img/my-logo.png')}}" style="height: 100px;"/>  "Logo"  

    {{-- Subcopy --}}
    @isset($subcopy)
        @slot('subcopy')
            @component('mail::subcopy')
                {{ $subcopy }}
            @endcomponent
        @endslot
    @endisset

    {{-- Footer --}}
    @slot('footer')
        @component('mail::footer')
            &copy; {{ date('Y') }} {{ config('app.name') }}. All rights reserved.
        @endcomponent
    @endslot
@endcomponent

请参阅我已在您的图像应位于的位置添加了一个标签。 url('/img/my-logo.png') 转换为您存储图像的完整站点地址。

Answer 4

尝试在<img>标签内输出图片：

<img src="{{ $message->embed(asset('img/my-logo.png')) }}" alt="alt here">