Flask框架下将HTML转为BytesIO并传递变量报错求助

我尝试将HTML内容存入BytesIO，从而无需写入文件系统，直接从内存读取。之前了解过将图片转为BytesIO的方法，但无法套用到HTML文件上，使用Flask作为开发框架。

已尝试的后端代码 #

import io
import base64

buffer = io.BytesIO()

merged_df.to_html(buffer, encoding='utf-8', table_uuid='seasonality_table')
buffer.seek(0)
html_memory = base64.b64encode(buffer.getvalue())

return render_template('summary_01.html', html_data=html_memory.decode('utf-8'))

前端输出代码 #

<img id="picture" src="data:html;base64, {{ html_data }}">

收到的错误信息 #

TypeError: expected str, bytes or os.PathLike object, not _io.BytesIO

解决方案 #

问题出在两个核心点：

1. merged_df.to_html()的encoding参数仅在返回字符串时生效，传入BytesIO对象时指定该参数会导致类型错误；
2. 前端用<img>标签加载HTML内容是错误用法，<img>仅用于图片资源，HTML内容需要直接渲染或用合适的容器承载。

修正方案1：使用StringIO存储HTML字符串（推荐） #

直接用StringIO存储DataFrame生成的HTML字符串，无需字节流转换：

import io

buffer = io.StringIO()
merged_df.to_html(buffer, table_uuid='seasonality_table')
buffer.seek(0)
html_content = buffer.getvalue()

return render_template('summary_01.html', html_data=html_content)

前端直接渲染HTML（使用safe过滤器告诉Jinja2内容是安全的可信任HTML）：

<div id="seasonality-table">
    {{ html_data|safe }}
</div>

修正方案2：用BytesIO处理字节流（特殊场景需求） #

如果确实需要通过BytesIO处理字节流，可先生成HTML字符串再转字节写入：

import io

buffer = io.BytesIO()
# 先生成HTML字符串，再编码为字节写入BytesIO
html_str = merged_df.to_html(table_uuid='seasonality_table')
buffer.write(html_str.encode('utf-8'))
buffer.seek(0)
# 转回字符串用于模板渲染
html_content = buffer.getvalue().decode('utf-8')

return render_template('summary_01.html', html_data=html_content)

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