将图像嵌入laravel markdown电子邮件中

Question

我正在尝试将图像嵌入减价电子邮件中，但无法正确加载。

https://i.imgur.com/lNCwhod.png

这是我的邮件模板：

@component('mail::message')
# {{ $mailData['title'] }}

![{{ $mailData['appName'] }}]({{ asset($mailData['image'])}})

{!! $mailData['body'] !!}

Saludos,

{{ $mailData['appName'] }}
@endcomponent

这是$ mailData ['image']的值：

'/ img / misc / default.jpg'

你知道我该怎么做吗？

Answer 1

您可以尝试以下降价促销：

![Image_Alter_Text](PAHT_OF_IMAGE)

• 您必须传递完整的图像路径，然后使用Storage::url($file_name)获得完整的路径。将图像路径存储在变量中并传递markdown。

例如：

![DemoImage](https://i.stack.imgur.com/bENi3.jpg)

---

注意：此注释中使用的图像（stackoverflow的徽标）仅用于演示目的。

Answer 2

您可以使用 html 将图像添加到您的 markdown：

@component('mail::message')
# {{ $mailData['title'] }}

<img src="{{asset('img/logo.png')}}" style="width:30%" alt="App Logo">

...

@endcomponent

您也可以使用 style 标签自定义 image。

请注意，如果您在 localhost，您将看不到电子邮件中的图像（除非您使用 mailhogh 测试您的电子邮件）。

据我所知，图片必须在您托管的服务器中，因此图片不会附加在电子邮件中。

您的服务器需要公共 IP 或域才能查看电子邮件中的图像。