如何将动态图片加载到网页中？

Question

4

我有一个网页，想要展示一张图表。我希望可以动态指定使用 DOT 语言来生成图表。所以我创建了一个页面，它可以接收 DOT 表达式作为查询参数，并返回图片内容。现在，我只需要添加一个合适的 `src` 属性的 `img` 标签即可。

<img src="/dot/png/graph{a--b}">

然而，一些服务器在处理长URL时会出现问题。是否可能通过POST请求获取图像，并使用JavaScript在img标签中显示它？

- schmmd

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Peter Olson · Accepted Answer

我能想到的唯一方法是让服务器返回图像数据的base64编码字符串，然后你可以在标签中包含它，就像这样：

<img src="data:image/png;base64,BASE64STRINGGOESHERE">

请注意，data URI scheme 不支持 IE7 及以下版本，而 IE8 仅允许在 URI 中使用 32KB 的数据。