cURL 电子邮件中的 HTML 图像未调整大小

问题描述 投票：0回答：1

我目前正在尝试通过 SMTP 使用 cURL 发送电子邮件。正文是包含 HTML 的 .txt。内联附件（在本例中为图像）是通过将其转换为 Base64 格式标准 RFC-2045 来插入的。图像全部正确发送（整个电子邮件都是），但是，它们没有按照样式属性中指定的那样调整大小。

HTML 图像插入示例如下。

<img alt="" src="data:image/jpeg;base64, iVBORw0KGgoAAAANSUhE..." style="width:100px;"/>

我已经尝试过设置宽度和高度 - 将高度设置为“自动”或通过三规则计算它。

我也尝试过像这样使用内部CSS，但没有用：

<head>
    <style>
        #imgDisplay{
            width: 100px;
            height: auto;
        }
    </style>
</head>

<body>
<img id="imgDisplay" src="data:image/jpeg;base64, iVBORw0KGgoAAAANSUhE..."/>
</body>

我对 HTML 的经验很少，所以我不确定我是否遗漏了一些东西，我已经搜索了几个小时的答案，但到目前为止还没有成功。我还应该补充一点，我是通过 FileMaker Pro Advanced 18 使用其本机 cURL 功能发送此电子邮件。我有另一封包含大量 HTML 和附件的电子邮件，它运行得很好，但是，这是我第一次尝试在正文中发送图像。

完整的 HTML 如下：

<table>
    <tbody>
        <tr>
            <td style="text-align:center; width:120px"><span style="font-size:24px"><strong><span style="font-family:Arial,Helvetica,sans-serif"> name2 </span></strong></span></td>
            <td style="text-align:center; width:90px">&nbsp;</td>
            <td style="text-align:center; width:120px"><span style="font-size:24px"><strong><span style="font-family:Arial,Helvetica,sans-serif"> name2 </span></strong></span></td>
        </tr>
    </tbody>
</table>

<table>
    <tbody>
        <tr>
            <td>
            <table border="1" cellpadding="8" cellspacing="0" style="height:230px; width:105px;">
                <tbody>
                    <tr>
                        <td style="border-color:#000000; height:63px; text-align:center; vertical-align:middle; width:100px"><img alt="" src="data:image/jpeg;base64, iVBORw0KGgoAAAANSUhE..." style="width:100px;" /></td>
                    </tr>
                    <tr>
                        <td style="text-align:center"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"><strong> value1 &euro;</strong></span></span></td>
                    </tr>
                    <tr>
                        <td style="text-align:center"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"> value2 &euro;</span></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td style="vertical-align:top">
            <table cellpadding="12" style="height:230px;">
                <tbody>
                    <tr>
                        <td style="height:60px; text-align:center; vertical-align:middle; width:60px;"><span style="font-family:Arial,Helvetica,sans-serif"><img alt="" src="data:image/jpeg;base64, iVBORw0KGgoAAAANSUhE..." style="width:40px;height:40px" /></span></td>
                    </tr>
                    <tr>
                        <td style="text-align:center; vertical-align:middle"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"><strong>M&ecirc;s</strong></span></span></td>
                    </tr>
                    <tr>
                        <td style="text-align:center; vertical-align:middle"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"><strong>Ano</strong></span></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table border="1" cellpadding="8" cellspacing="0" style="height:230px; width:105px;">
                <tbody>
                    <tr>
                        <td style="border-color:#000000; height:63px; text-align:center; vertical-align:middle; width:100px"><img alt="" src="data:image/jpeg;base64, iVBORw0KGgoAAAANSUhE..." style="width:100px;" /></td>
                    </tr>
                    <tr>
                        <td style="text-align:center"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"><strong> value3 &euro;</strong></span></span></td>
                    </tr>
                    <tr>
                        <td style="text-align:center"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"> value4 &euro;</span></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td>
            <table cellpadding="15" style="height:230px; width:105px">
                <tbody>
                    <tr>
                        <td style="height:63px; text-align:center">&nbsp;</td>
                    </tr>
                    <tr>
                        <td style="text-align:center"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"><strong> diff1 &euro;</strong></span></span></td>
                    </tr>
                    <tr>
                        <td style="text-align:center"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:16px"> diff2 &euro;</span></span></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
        </tr>
    </tbody>
</table>

非常感谢！

html smtp base64 filemaker
1个回答
0
投票

尝试使用 

<img>
标签属性 
width
和 
height
:

<img width="100" src="data:image/jpeg;base64, iVBORw0KGgoAAAANSUhE..."/>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.