您的位置:

C#图片转Base64详解

一、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 界面的图片控件中。