将图片转成数据：image/png;base64用于网页显示

Posted 2023-03-15

【中文标题】将图片转成数据：image/png;base64用于网页显示

【英文标题】：Converting image into data:image/png;base64 for web page disaplay

【发布时间】：2012-04-01 11:22:50

【问题描述】：

如果访问jQuery-File-Upload Demo page 并尝试上传图片，然后查看 JSON 响应，他会注意到上传图片的预览以以下格式返回：

"thumbnail_url":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAI...

据我了解，图像正在转换为字符串并发送回客户端。

如何在 C# 中为同一个演示引入 ASP.NET 后端？

【问题讨论】：

我记得不久前可能对您有帮助的一个问题的答案：***.com/a/8706618/1073107

@dash - 太棒了。将其发布为答案。它只是像两行代码。非常感谢！

【参考方案1】：

我记得不久前阅读了非常称职的技术人员对一个问题的回答并想“我从来不知道你能做到这一点！”

In that answer is an example 关于如何将 ASP.Net 图像的 src 设置为您在上面看到的 base64 编码数据。

它实际上归结为如下设置 ASP:Image 控件的 src：

imgCtrl.Src = @"data:image/gif;base64," + Convert.ToBase64String(File.ReadAllBytes(Server.MapPath(@"/images/your_image.gif")));

记得根据图片改变内容类型！

【讨论】：

对于那些可能偶然发现这个线程的人：如果您的图像是作为内存流生成的，您可以执行以下操作：MemoryStream ms = new MemoryStream(); /* 然后是一些代码来填充该图像流 */ String base64String = Convert.ToBase64String(ms.ToArray());然后使用上述答案。