cómo convertir Image to Data URI para Html con C#?

Question

Necesito convertir la imagen a URL de datos (imagen incrustada) en la aplicación Win para HTML y necesito URL de datos (imagen incrustada) en la imagen.

Answer 1

 public static string GetDataURL(string imgFile) 
     { 
      return "<img src=\"data:image/" 
         + Path.GetExtension(imgFile).Replace(".","") 
         + ";base64," 
         + Convert.ToBase64String(File.ReadAllBytes(imgFile)) + "\" />"; 
     } 

Answer 2

¿No es una URL de datos solo la base de la imagen 64 codificada?

Entonces esto debería hacerlo.

var bytes = File.ReadAllBytes("C:\\somepath\\picture.png"); 
var b64String = Convert.ToBase64String(bytes); 
var dataUrl = "data:image/png;base64," + b64String; 

Answer 3

Si está utilizando ASP.NET MVC, reveló un poco de código Ankur's answer podría ser más conveniente:

public static string DataUriContent(this UrlHelper url, string path) 
{ 
    var filePath = HttpContext.Current.Server.MapPath(path); 
    var sb = new StringBuilder(); 
    sb.Append("data:image/") 
     .Append((Path.GetExtension(filePath) ?? "png").Replace(".", "")) 
     .Append(";base64,") 
     .Append(Convert.ToBase64String(File.ReadAllBytes(filePath))); 
    return sb.ToString(); 
} 

y el uso (sólo la sustitución de @Url.Content con @Url.DataUriContent):

<img src="@Url.DataUriContent("~/Path/To/Image/yourImage.png")"/>