在网页中包含动态图像

我有一个web应用程序,用户可以在其中配置报告(ASP.NETMVC,没有报告服务或任何东西)。然后将配置表示为一个JavaScript对象,该对象作为JSON发送到服务器,以检索数据并实际生成报告。提交HTML类似于:

<form method="post" action="/RenderReport" target="_blank">
    <input type="hidden" name="reportJson"/>
</form>

这对于在新的浏览器窗口中打开报表非常有效。但是,在这个报告中,我想包括从数据生成的图像。如何才能以一种好的方式做到这一点?我想到的显而易见的方法是:

1. 在URL中嵌入生成图像所需的元数据,如 <img src="/GenerateImage/?metadata1=2&metadata2=4"/>
2. 使用ajax POST请求,然后当响应返回时,创建一个图像元素,如 <img src="data:image/png;base64,{data_in_json_response}"/> . 但这是不可能的,因为我的应用程序必须在IE6中工作,IE6不支持数据URI。

3. 生成报表时生成图像,为每个图像创建唯一的键,然后使用表单的URL <img src="/GetCachedImage?id=23497abc289"/>

   • 在会议中。优点:当会话被放弃时,缓存项会自动删除。缺点:访问会话将序列化对会话中页面的访问。这对我来说很糟糕。
   • 在应用程序/缓存对象中。我还没有真正考虑过这一条的所有优点和缺点。

   它还提出了何时删除缓存项的问题。如果我在图像显示后立即删除它们,那么在图像变为红色之前,页面似乎无法刷新或打印。任何其他的选择都意味着额外的复杂性。

如何以一种好的方式解决这个问题,或者至少是一种不坏的方式?