使用jQuery将byte []渲染为图像

Question

我目前正在从SQL Server数据库中读取图像为byte [].我想将图像作为byte []或真实图像传递给jQuery并动态加载它.

如何以及最好的方法是什么？

提前致谢.:)

编辑:这是解决方案:

1. 服务器端/ C#: string json = JsonConvert.SerializeObject(employee);
2. 客户端/ Ajax: $('#image').attr('src', "data:image/jpg;base64,"+employee.Image);

Answer 1

使用正确的内容类型集从Web服务器返回byte [],这样您就可以将其设置为图像标记的源.应该是最简单的解决方案.

Answer 2

如果必须这样做,可以使用以下语法将图像数据直接插入src属性:

data:image/<type>;base64,<data>

替换为图像类型(jpg,png,gif)和您的数据,以base 64编码.

但是,正如decyclone所说,最好的方法是创建一个仅输出图像数据的单独页面,并发送相应的内容类型标题.然后将图像src设置为指向该页面.