数据URI不再在Chrome中运行，为什么？

Question

在asp.net MVC中，我以这种方式从我的数据库加载blob图像。它在所有浏览器上都能正确显示。

使用以下

<div class="blogImage">
    <a href="~/WaiGuoAtHome/ImageHtml/@Model.Id">
        <img class="img-responsive homePhoto100" src="data:image;base64, @Convert.ToBase64String(Model.Image)" title="@Model.Caption" />
    </a>
</div>

导航到firefox，IE和Chrome中的以下页面。相同的代码但在Chrome上无法显示图片。 http://jacksonjhayes.azurewebsites.net/WaiGuoAtHome/ImageHtml/3646

我不认为这是一个尺寸问题，该页面上的图像非常大，但我在其他地方显示的图像要小得多。

Answer 1

@onetrickpony你的想法成功了。谢谢！对于糟糕的我不能只使用我想要的任何图像类型，但这是有道理的，我认为我的所有图像都是jpeg。