一、Base64编码概述
Base64是一种编码方式,将二进制数据转换成 ASCII 字符集中的可打印字符。Base64 是网络上最常见的用于传输二进制数据的编码方式之一,它可以将图片、音频、视频等二进制数据转换成文本格式,方便传输和处理。 示例代码:
public static string ToBase64String(byte[] bytes)
{
return Convert.ToBase64String(bytes);
}
Base64编码方式有多种,常用的有RFC3548规定的标准 Base64、URL-Safe Base64、直接将Base64编码后的字符串去掉一些字符即可得到 Base64 Url。在C#中,可以使用 Convert.ToBase64String
方法将二进制数据转换成 Base64 字符串。
二、图片转 Base64 的原理
在C#中,将图片转换成 Base64 字符串的原理非常简单,就是将图片二进制数据读取出来,然后使用 Convert.ToBase64String
方法将二进制数据转换成字符串:
示例代码:
public static string ImageToBase64(Image image, ImageFormat format)
{
using(MemoryStream ms = new MemoryStream())
{
// 将图像以指定的格式保存到流中
image.Save(ms, format);
// 将流转换成字节数组
byte[] bytes = ms.ToArray();
// 将字节数组转换成 Base64 字符串
return Convert.ToBase64String(bytes);
}
}
上面的代码中,使用了 C# 中的 Image
类和 ImageFormat
类读取图片数据,然后使用了 MemoryStream
类将数据保存到一个内存流中,最后使用 Convert.ToBase64String
方法将内存流中的数据转换成 Base64 字符串。
三、C#图片转 Base64的应用
1、HTML/CSS中图片转 Base64
在HTML/CSS中,使用 Base64 可以将图片直接嵌入到HTML/CSS代码中,减少页面的请求次数,加快页面加载速度。下面是实现图片转 Base64 的代码: 示例代码:
<style type="text/css">
.demo {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABkCAIAAACPX4IEWAAAAA3NCSVQICAjb4U/gAAAgAElEQVR4xu2deZBU1bXvH+nl79l2yy7sddd999Hy7g6JkcAAAAASUVORK5CYII=);
width: 100px;
height: 100px;
}
</style>
<div class="demo"></div>
上面的代码中,通过将 Base64 编码的图片数据直接嵌入到 CSS 中,实现了在页面中显示图片的效果。
2、ASP.NET 中图片转 Base64
在ASP.NET中,可以将图片转换成Base64字符串,然后将Base64字符串存储在数据库中,或者JSON数据中,方便传输。 示例代码:
protected void Page_Load(object sender, EventArgs e)
{
string imageUrl = "http://www.example.com/image.jpg";
byte[] imageBytes = new WebClient().DownloadData(imageUrl);
string base64String = Convert.ToBase64String(imageBytes);
Response.Write(base64String);
}
上面的代码中,使用了 WebClient
类从远程网站获取图片二进制数据,然后使用 Convert.ToBase64String
方法将二进制数据转换成 Base64 字符串,最后将 Base64 字符串写入 HttpResponse 中返回前端页面。
3、Windows Form 中图片转 Base64
在 Windows Form 中,可以将图片转换成 Base64 字符串,然后进行加密、显示等操作。 示例代码:
private void btnOpen_Click(object sender, EventArgs e)
{
OpenFileDialog dialog = new OpenFileDialog();
dialog.Filter = "图片文件|*.jpg;*.jpeg;*.bmp;*.png;*.gif";
if (dialog.ShowDialog() == DialogResult.OK)
{
using (FileStream fs = new FileStream(dialog.FileName, FileMode.Open))
{
// 从文件流中读取图片数据
byte[] bytes = new byte[fs.Length];
fs.Read(bytes, 0, bytes.Length);
// 将图片数据转换成 Base64 字符串
string base64String = Convert.ToBase64String(bytes);
// 将 Base64 字符串显示在文本框中
txtResult.Text = base64String;
}
}
}
上面的代码中,使用了 OpenFileDialog
类从本地文件打开图片文件,然后使用 FileStream
类从文件流中读取图片数据,接着使用 Convert.ToBase64String
方法将图片数据转换成 Base64 字符串,最后将 Base64 字符串显示在 Windows Form 界面的文本框中。
4、Web API 中图片转 Base64
在 Web API 中,可以将图片转换成 Base64 字符串,然后将 Base64 字符串作为 JSON 数据返回给前端页面。 示例代码:
[HttpGet]
[Route("getimage")]
public IHttpActionResult GetImage(string imageUrl)
{
byte[] imageBytes = new WebClient().DownloadData(imageUrl);
string base64String = Convert.ToBase64String(imageBytes);
return Json(new { imageBase64 = base64String });
}
上面的代码中,使用了 Web API 的 Get 方法获取远程图片,然后使用 Convert.ToBase64String
方法将图片数据转换成 Base64 字符串,最后将 Base64 字符串作为 JSON 数据返回给前端页面。
5、WPF 中图片转 Base64
在 WPF 中,可以将图片转换成 Base64 字符串,然后将 Base64 字符串显示在 WPF 界面的图片控件中。 示例代码:
private void btnOpen_Click(object sender, RoutedEventArgs e)
{
OpenFileDialog dialog = new OpenFileDialog();
dialog.Filter = "图片文件|*.jpg;*.jpeg;*.bmp;*.png;*.gif";
if (dialog.ShowDialog() == true)
{
using (MemoryStream ms = new MemoryStream())
{
// 从文件流中读取图片数据
BitmapImage bi = new BitmapImage();
bi.BeginInit();
bi.UriSource = new Uri(dialog.FileName);
bi.EndInit();
// 将图片数据转换成 Base64 字符串
JpegBitmapEncoder encoder = new JpegBitmapEncoder();
encoder.Frames.Add(BitmapFrame.Create(bi));
encoder.Save(ms);
byte[] bytes = ms.ToArray();
string base64String = Convert.ToBase64String(bytes);
// 将 Base64 字符串显示在图片控件中
imgPhoto.Source = bi;
}
}
}
上面的代码中,使用了 OpenFileDialog
类从本地文件打开图片文件,然后使用 BitmapImage
类从文件流中读取图片数据,接着使用 JpegBitmapEncoder
类将图片数据转换成 Base64 字符串,最后将 Base64 字符串显示在 WPF 界面的图片控件中。