本文介绍通过动态添加时间戳参数实现邮件签名图片缓存刷新的技术方案，适用于需定期更新的活动横幅等场景，无需更改图片url即可确保收件人始终看到最新版本。
本文介绍通过动态添加时间戳参数实现邮件签名图片缓存刷新的技术方案，适用于需定期更新的活动横幅等场景，无需更改图片url即可确保收件人始终看到最新版本。
在企业邮件签名中嵌入动态图片（如季度活动横幅、促销海报）时，常面临缓存导致旧图长期残留的问题：即使你已在服务器端替换了 event_banner.png 文件，多数邮件客户端（如 Outlook、Apple Mail、Gmail Web）仍会加载本地缓存副本，造成信息滞后甚至传达失误。
根本原因在于 HTTP 缓存机制——客户端将 https://loremipsum.com/cdn/shop/files/event_banner.png 视为唯一资源标识，只要 URL 不变，就复用已缓存内容。而你在问题中尝试的 ?lastModified(...) 语法存在两处关键错误：
- HTML 属性值中无法执行 JavaScript 函数（lastModified() 是 JS 方法，非服务端逻辑）；
- 即使语法正确，静态 HTML 无法在每次邮件发送时动态生成新时间戳。
✅ 正确解法：服务端动态注入时间戳参数
由于纯 HTML 邮件不支持客户端脚本（所有主流邮件客户端均禁用 JavaScript），必须由邮件系统或签名管理平台在生成邮件时动态拼接带时间戳的 URL。例如：
<img style="max-width:90%" src="https://loremipsum.com/cdn/shop/files/event_banner.png?ts=1717028345678?x-oss-process=image/resize,p_40" alt="即将举行的行业峰会预告" style="max-width:90%">
其中 ts=1717028345678 是毫秒级时间戳（如 Date.now() 值），确保每次生成邮件时 URL 唯一。该参数对服务器无实际影响（静态文件服务器会忽略查询参数），但能有效绕过客户端缓存。
⚠️ 关键注意事项：
- 不可依赖前端 JS：邮件客户端不执行 <script>，document.getElementById() 等 DOM 操作完全无效； </script>
- 避免使用 ?v= 等简单版本号：若手动维护易出错，推荐采用自动化时间戳（如每封邮件生成时调用 {{ now | date: '%s%3N' }} Liquid 语法，或邮件系统 API 的 {{ timestamp }} 变量）；
- CDN 配置需兼容查询参数：确认 CDN（如 Cloudflare、Shopify CDN）未将带 ?ts= 的请求视为不同资源而重复缓存，建议设置缓存策略为 Cache-Control: public, max-age=3600 并启用 Ignore query string（部分 CDN 支持）；
- 备用方案：重命名文件：若无法动态生成 URL，可约定命名规范（如 event_banner_2024Q2.png），配合签名模板批量替换，虽需人工操作但 100% 兼容。
总结：邮件签名图片缓存刷新的本质是「让 URL 唯一化」。时间戳是最可靠、零侵入的方案，只需在邮件渲染环节注入动态参数，即可在不改变图片路径、不降低送达率的前提下，实现真正的实时更新。
