时间戳

首页 > 解决方案 > 如何在我的电子邮件降价标头中放置图像？

laravel - 如何在我的电子邮件降价标头中放置图像？

问题描述

我正在尝试用图像替换 Laravel 降价电子邮件标题中的应用程序名称，但我没有取得很大成功。

message.blade.php

@component('mail::layout')
{{-- Header --}}
@slot('header')
    @component('mail::header', ['url' => config('app.url')])
        @if(config('app.site.logo'))
            <img src="{{ url(config('app.site.logo')) }}" class="site- 
logo" height="50" />
        @else
            {{ config('app.site.name', 'Campaign') }}
        @endif
    @endcomponent
@endslot

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

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

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

followup.blade.php <-- 电子邮件降价页面

@component('mail::message')
 ## Follow up reminder

Set for today {{ date('l \t\h\e jS \of F Y', strtotime($member->FollowUp)) }} with  {{$member->LastName}} {{$member->FirstName}} / {{$member->Position}}

@component('mail::panel', ['url' => ''])
@if(count($member->notes))

*notes...*
@foreach($member->notes->sortByDesc("created_at") as $note)

**{!! nl2br(e($note->note)) !!}** 

by *{{$note->user->name}}.*

@endforeach

@else
 No notes added for member
@endif
@endcomponent
Probable Vote: {{$member->LikelyVote}}
@component('mail::button', ['url' => $the_url])
View Information
@endcomponent


 Thank you,
{{ config('app.site.name', 'Campaign application A.I.') }}
@endcomponent

一切都在 mailtrap 上运行，并且显示了标题图像。该图像未显示在 gmail 中。

标签： laravellaravel-5.8

解决方案

原始问题 - 如何摆脱标题中的“Laravel”

设置应用名称

在您的 .env 中设置

APP_NAME="YOUR APPLICATIONS NAME"

这就是标题中的 Laravel 的来源。

或修改模板

您可以通过运行以下命令发布降价邮件的源来进行更多控制：

php artisan vendor:publish --tag=laravel-mail

并在以下位置编辑它们resources/views/vendor/mail

图片

包含来自服务器的图像的方法是：

   ![Some option text][logo]

   [logo]: {{asset('/img/official_logo.png')}} "Logo"

否则，您可以获取 base64 编码并将其放入 img 标签中以真正嵌入图像（在将其读入变量（图像）之后）：

<img src="data:image/jpg;base64,{{ base64_encode($image) }}">

推荐阅读