如何在运行时将生成的PNG嵌入HTML模板而非单独存储？

核心思路是使用Data URI Scheme，把PNG图片编码为Base64字符串，直接嵌入到HTML的img标签中，无需单独存储图片文件。这样最终只需要上传一个包含图表的HTML文件到Blob Storage即可。

步骤1：修改GenerateGraph函数，输出Base64字符串 #

不再将图表写入本地文件，而是在内存中生成PNG并编码为Base64：

import (
    "bytes"
    "encoding/base64"
    // 其他依赖...
)

func (ps *PlayerService) GenerateGraph(ctx context.Context, openingDate time.Time, playerID int) (string, error) {
    // 保留你构建graph的原有逻辑
    // graph := ... 你的图表构建代码

    // 使用内存buffer替代本地文件存储PNG
    var pngBuf bytes.Buffer
    err := graph.Render(chart2.PNG, &pngBuf)
    if err != nil {
        return "", err
    }

    // 将二进制PNG数据编码为Base64字符串
    return base64.StdEncoding.EncodeToString(pngBuf.Bytes()), nil
}

步骤2：修改HTML模板，添加嵌入图片的标签 #

在你的HTML模板中，添加一个img标签，用Data URI引用Base64编码的图表：

<!-- 模板中的图表位置 -->
<img src="data:image/png;base64,{{.GraphBase64}}" alt="玩家数据图表">

步骤3：调整主流程，先生成图表再渲染HTML #

先获取图表的Base64字符串，再和原有数据一起传入模板渲染，全程在内存中处理，避免本地文件操作：

// 1. 先生成图表的Base64编码
graphBase64, err := ps.GenerateGraph(ctx, openingDate, Player.ID)
if err != nil {
    panic(err)
}

// 2. 准备模板数据，合并原有playerStatement和图表Base64
templateData := struct {
    PlayerStatement PlayerStatement // 你的原有数据结构体
    GraphBase64     string
}{
    PlayerStatement: playerStatement,
    GraphBase64:     graphBase64,
}

// 3. 在内存中渲染HTML，无需写入本地文件
var htmlBuf bytes.Buffer
err = tmpl.Execute(&htmlBuf, templateData)
if err != nil {
    panic(err)
}

// 4. 获取最终HTML字节内容，上传到Blob Storage
b := htmlBuf.Bytes()
fileName := fmt.Sprintf("%v.html", *statementId)
// ... 上传htmlBuf中的内容到Blob Storage的代码 ...//

注意事项 #

• Base64编码会让原始PNG体积增大约33%，如果图表过大（比如超过几MB），可能会影响HTML文件的加载速度，此时可以考虑单独存储图片，但你的场景下这个方案完全适用。
• 避免了本地文件的创建和读取，减少了IO操作的错误风险，同时简化了Blob Storage的上传流程。

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