為什么我的圖像沒有出現

Question

我在資源文件中有一個圖像對象，並且試圖將其顯示在我的網頁上無濟於事。 我得到的是替代文字。

Answer 1

由於src必須以“ data：{image / format}; base64”開頭，

嘗試這個：

public string FlagPic
{
  get
  {
    using (System.IO.MemoryStream m = new System.IO.MemoryStream())
    {
      ClassLibrary1.Resource1.flag.Save(m, ClassLibrary1.Resource1.flag.RawFormat);

      byte[] imageBytes = m.ToArray();    
      base64Image = System.Convert.ToBase64String(imageBytes);

      return String.Format("data:{1};base64,{0}", base64Image, ClassLibrary1.Resource1.flag.RawFormat);
    }
  }
}

Answer 2

為了使用數據url形式的圖像，僅在src屬性中使用base64編碼的圖像數據是不夠的，還需要使用前綴來告訴瀏覽器要跟隨數據url。

采用：

<img src="data:image/png;base64,<%= FlagPic %>" alt="Bla"/>

請注意，內容類型（此處為image / png）必須適合圖像圖形格式。