我目前正在try 通过SMTP发送一封带有cURL的邮箱.正文是一个包含HTML的.txt文件.内联附件(在本例中为图像)通过将其转换为Base64格式标准RFC-2045来插入.图像都被正确发送(整个邮箱都正确),但是,它们没有像在style属性中指定的那样调整大小.

下面是插入HTML图像的示例.

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

我已经try 过同时设置宽度和高度--要么将高度设置为"自动",要么通过3的规则计算高度.

我也try 过像这样使用内部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功能发送这封邮箱的.我还有另一封邮箱,里面有很多的超文本标记语言和附件,它工作得很好,然而,这是我第一次try 在正文中发送图像.

完整的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>

非常感谢!

推荐答案

try 使用<img>个标记属性widthheight:

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

Html相关问答推荐

将容器水平偏离中心放置在桌面上;在移动设备上平稳地集中缩小规模

弹性项在主轴方向溢出

如何通过将项目包裹在迪夫中来保持最右列的对齐方式来对齐项目?

如何使我的组织 struct 图的连接线响应?

如何仅 Select 与子代CSS类匹配的第一个元素

如何实现弯曲的梯形导航栏?

在FlexBox中将div拉伸到父div的完全高度

Bootstrap 5.3.2模式页脚左填充还是左边距?

如何使div填充父项的剩余高度

如何解决水平塌陷问题?

错误时交换表单,成功时使用HTMX重定向

如何将多个类名组合到CSS中的一个关键帧

并排对齐两个文本区域列

在Firefox中使用keySplines时,SVG: <animateMotion>不起作用

CSS flex:0 0 auto创建了1像素的间隙

如何并排放置
的定义列表,但如果
变长,
会向下移动?

我如何设置括号的样式,使它们不会挂在旁边的其他字符下面

如何在没有 JS 的情况下创建带搜索的 Select 菜单

无法使用 HTML 中的 Bootstrap 自上而下居中

调整窗口大小时试图阻止按钮移动