Oracle APEX邮件模板添加应用内图片及离线显示问题求助

问题1：#APP_FILES#路径图片加载失败 #

#APP_FILES#这类变量通常是特定邮件系统的内置路径标识，若未生效，大概率是系统不支持该变量，或图片实际存储路径与变量映射不符。直接替换为图片嵌入方案即可解决：

方案一：Base64编码嵌入（推荐用于小图片） #

将图片转换为Base64编码，直接写入src属性，无需依赖外部路径或附件，无网络也能显示。
示例代码：

<div class="row" style="display: flex;">
    <div style="flex: 33.33%; padding: 5px;" class="column">
      <!-- 替换为你的hololo.png的Base64编码 -->
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." alt="Snow" style="width:50%">
    </div>
    <div style="flex: 33.33%; padding: 5px;" class="column">
      <!-- 同样把外部图片转成Base64嵌入 -->
      <img src="data:image/png;base64,xxxxxxx..." alt="Forest" style="width:50%">
    </div>
</div>

可使用本地Base64转换工具处理图片，避免上传敏感内容到第三方平台

方案二：作为邮件附件嵌入（CID引用） #

把图片添加为邮件附件，通过cid:协议引用附件ID，邮件客户端会优先加载本地附件，无网络也能显示。
步骤：

1. 将hololo.png和外部图片添加为邮件附件，分别设置Content-ID（如<hololo@mail.com>和<forest@mail.com>）
2. 修改HTML代码：

<div class="row" style="display: flex;">
    <div style="flex: 33.33%; padding: 5px;" class="column">
      <img src="cid:hololo@mail.com" alt="Snow" style="width:50%">
    </div>
    <div style="flex: 33.33%; padding: 5px;" class="column">
      <img src="cid:forest@mail.com" alt="Forest" style="width:50%">
    </div>
</div>

额外兼容建议 #

• 避免使用flex布局：部分老旧邮件客户端（如Outlook）不支持Flexbox，建议改用表格布局兼容更多客户端：

<table width="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td width="33.33%" style="padding:5px;">
      <img src="cid:hololo@mail.com" alt="Snow" style="width:50%;">
    </td>
    <td width="33.33%" style="padding:5px;">
      <img src="cid:forest@mail.com" alt="Forest" style="width:50%;">
    </td>
  </tr>
</table>

• 保留alt属性：即使图片加载异常，用户也能通过替代文本了解内容。

内容的提问来源于stack exchange，提问作者0ptimus