2016-02-19 5 views
0

У меня есть объект изображения внутри файла ресурсов, и я пытаюсь отобразить его на своей веб-странице безрезультатно. Вместо этого я получаю текст alt.Почему мое изображение не отображается

enter image description here

+4

Как выглядит тег , когда вы проверяете элемент в браузере? – terbubbs

+3

Пожалуйста, не используйте скриншоты для показа кода, но на самом деле скопируйте код на вопрос – NineBerry

ответ

2

Для того, чтобы использовать изображение в формы URL-адреса данных, недостаточно использовать данные изображения с кодировкой base64 в атрибуте src, вам также необходимо использовать префикс, чтобы сообщить браузеру, что URL-адрес данных соответствует.

Использование:

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

Обратите внимание, что тип контента (здесь изображение/PNG) должно соответствовать формату изображения графики.

4

Поскольку SRC должен начать с "данные: {изображение/формат}; 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); 
    } 
    } 
} 
Смежные вопросы