.NET中图片以Base64方式输出

港控/mmm° 2021-09-16 13:58 459阅读 0赞

Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。Base64编码是从二进制到字符的过程，可用于在HTTP环境下传递较长的标识信息。在其他应用程序中，也常常需要把二进制数据编码为适合放在URL（包括隐藏表单域）中的形式。此时，采用Base64编码具有不可读性，需要解码后才能阅读。

**1、.NET中图片以Base64方式输出**

示例：将图片转换成Base64格式，并在HTML页面中显示图片。

本示例使用了ASP.NET MVC。

1.1 将文件转换成Base64格式方法

/// <summary>
    /// 将文件转换成Base64格式
    /// </summary>
    public string FileToBase64(string fileName)
    {
        string result = "";
        try
        {
            using (FileStream fs = new FileStream(fileName, FileMode.Open, FileAccess.Read))
            {
                byte[] byteArray = new byte[fs.Length];
                fs.Read(byteArray, 0, byteArray.Length);
                result = Convert.ToBase64String(byteArray);
            }
        }
        catch
        {
            result = "";
        }
        return result;
    }

1.2 MVC控制器代码

public ActionResult Index()
    {
        //本地图片路径
        string fileName = @"F:\Images\MyPic.png";
    
        //将图片转换成Base64格式
        //"data:image/png;base64,"是编码方式（必须，否则页面上无法显示该图片）
        ViewBag.MyPic = "data:image/jpeg;base64," + FileToBase64(fileName);
    
        return View();
    }

1.3 页面代码

**2、HTML中显示Bate64方式的编码规则**

如本示例中的："data:image/png;base64," + Bate64编码

Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。  
在上面的Data URI中，data表示取得数据的协定名称，image/png 是数据类型名称，base64 是数据的编码方法，逗号后面就是这个image/png文件base64编码后的数据。  
目前，Data URI scheme支持的类型有：  
data:,文本数据  
data:text/plain：文本数据  
data:text/html：HTML代码  
data:text/html;base64：base64编码的HTML代码  
data:text/css：CSS代码  
data:text/css;base64：base64编码的CSS代码  
data:text/javascript：Javascript代码  
data:text/javascript;base64：base64编码的Javascript代码  
data:image/gif;base64：base64编码的gif图片数据  
data:image/png;base64：base64编码的png图片数据  
data:image/jpeg;base64：base64编码的jpeg图片数据  
data:image/x-icon;base64：base64编码的icon图片数据  
base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，网上有很多免费的base64 编码和解码的工具。

目前，IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入，但是这种方法不兼容IE6/7，使用时要注意！