python-3.x - 图片未加载到由 azure 函数生成的 HTML 文件中

Question

我正在尝试在由 azure 函数生成的 HTML 中嵌入图像。当我在 localhost 中运行它时，我可以看到图像，但是当我将其转换为 azure 函数时，它会抛出一个损坏的缩略图 image.iam 使用 matplotlib 保存绘图

plt.savefig(f'{basepath}/plot.png')

这会将它保存到一个临时路径，然后我在我的 HTML 内容中使用它

<div class="image">
   <img src="""f'../{basepath}/plot.png'""">
</div>

在检查页面时，我也能够看到正确的路径，但不是图像

score 0 · Accepted Answer

将图像转换为基本编码版本

 encoded = base64.b64encode(tmpfile.getvalue()).decode('utf-8')

并在 HTML 中调用它对我有用

 <img src="""f'data:image/png;base64,{encoded}'""">

1 回答 1