廠址:http://www.cnblogs.com/yunfeifei/p/4165351.html
1.在C#中將圖片轉化成base64字符串:
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.IO; namespace ConvertImgToBase64 { class Program { static void Main(string[] args) { FileInfo file = new FileInfo("1.png"); var stream = file.OpenRead(); byte[] buffer = new byte[file.Length]; //讀取圖片字節流 stream.Read(buffer, 0, Convert.ToInt32(file.Length)); //將base64字符串保存到base64.txt文件中 StreamWriter sw = new StreamWriter("base64.txt",false, Encoding.UTF8); //將字節流轉化成base64字符串 sw.Write(Convert.ToBase64String(buffer)); sw.Close(); Console.WriteLine("Convert successful!"); Console.Read(); } } }
64位編碼就存在txt文件中了,
2.將base64編碼的圖片嵌入到css中
.main { width: 600px; height: 300px; background-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAOnp6eTk5O7m8AAAACH5BAEAAAIALAAAAAAIAAgAAAINjAMJh2q6DnxOVsqmLQA7); }
頁面樣式應用main時,顯示效果為gif背景:

3.將base64編碼的圖片直接放到img標簽中
<img src="data:image/jpeg;base64,R0lGODlhCAAIAJEAAOnp6eTk5O7m8AAAACH5BAEAAAIALAAAAAAIAAgAAAINjAMJh2q6DnxOVsqmLQA7" alt="Base64 encoded image" />
這樣也能將字節流加載到頁面成jpg圖片
