2012-09-24 38 views

回答

3

你可以這樣做(這是一個圖像,但你可以很容易地擴展它的列表)。

見BASE64串的標題盈 「數據:圖像/ PNG; BASE64,」)

//Model 
public class ImgModel 
{ 
public string Src { get; set; } 
} 

//Action 
public ActionResult Index(int id = 0) 
{ 
var img [email protected]"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA 
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 
9TXL0Y4OHwAAAABJRU5ErkJggg=="; 
return View(new ImgModel{Src = img}); 
} 

//View 
<div id="kk1"> 
<img id="myimg1" src="@Model.Src" alt="Red dot"> 
</div> 

我已經使用的樣品IMG數據是從Wikipedia

+0

嗨。我不知道你的意思是什麼:var img = @「data:image/png; base64。我明白之後有一個base64String,但data:image.png等對我沒有任何意義。 – Subby

+0

你可以在我提到的維基百科鏈接中閱讀關於數據uri的更多信息;格式被定義爲數據:[; [charset = ] [; base64], prashanth

+0

感謝您的答案,它爲我節省了大量時間。 –

2

ASP.NET MVC爲這些任務提供了非常好的解決方案。我們將創建一個動作,它將以Web瀏覽器知道的形式返回表示圖像的流。 我爲包含的base64圖像的大串遺憾,但將保證你可以用它的開箱:

static string ImageSource = "iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAIAAADOjonJAAAACXBIWXMAAAsTAAALEwEAmpwYAAACcklEQVR42pVUy05UQRSs07fvvc5lGEadIQgEDD6IEDUmosQYt8pC/R39Gvf+grhzTcJ+CD7CJMDwknnc269yMfIaRKV2nfSprlOnTksgrfORAggRBEIEAsFloJTSNvgPn3/cGUtnxrKrV3SSRBBeikhE0jTVNGplbWd51b58WFucrY5WklKiI+Eg1ekjz7AAIKlDxP3DotHs7Oz3vm91lh7VJ2vZcCnSkRzfGyg+DZJKKQBaAp31nXbe68inTtHcbL9evDE3XakOxUmshOGEa5Dj90MkAWiQsI7G5S60crPSNdt7vVePx57NX69X0yzVIuFiywgISZIaALynNXCwFvvGmtx8POhubLaXno5P1EvlUhzrC50m+26KJgBrYT18ABEEbWttbpY7prl5+Ob5xNz0SLUca61Ot0hC+nJEBBqgBgkfxDr4cGxpYWSnsKvdvN3ae7tQe3K7nGmofinIE+9FIhUqwzJU0QTgHKyBC6c1B9DlJm/3dje+bKV7WUyICHnGHoGoOJ2aHHn3XhOEc7TuiIgAEvoy8+mw88I3ptgqWATx54IlFEqUUEf9qQU6L9bCs686pa2iO++bi75RD+0UJiCYC7wWjcRZEhoEnIfzsF6RJRQ1HC749Tm/UUUvpg2A/VOEjoLtrPcENAXinRgXuyJjMcnWAtduht0hFIre/SXU/XUVGB9AahBiXGI7Jde+G5oP+LUWDhMxgSz+tWsCQKkskKRmYMZ8NBzcc41bbFaQx7CeCANCzsmSfmugA0hopTE7ntw/+FmzkrEWoT8d/ucXEiVJOj4hUSTG2r31b8V2C/C4HARgQDRUv1a5OfMLsQpx+LS8fvQAAAAASUVORK5CYII="; 

    public ActionResult Image() 
    { 
     var arr = Convert.FromBase64String(ImageSource); 
     return this.File(arr, "image/png", "image.png"); 
    } 

然後從您的視圖

<img src="@Url.Action("Image")"/> 

PS稱之爲:期待你在家庭控制器上