ASP.NET-Core-API-Controller: Response.Body.WriteAsync base64-Zeichenfolge funktioniert nicht

Question

Ich versuche, eine Base64-Zeichenfolge, die ein JPEG-Bild von einem API-Controller und legte es als die src von <img>, aber alle meine Versuche fehlgeschlagen . Hier

ist die sehr einfache HTML:

<img src="/api/TestBase64Image" alt="image test" /> 

Und mein Controller:

[Route("api/[controller]")] 
public class TestBase64ImageController : Controller 
{ 
    private const string _base64Image = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/7Sfg....."; 
    private const string _base64Image2 = "/9j/4AAQSkZJRgABAQEBLAEsAAD/7Sfg..... 

    [HttpGet] 
    public async Task Get() 
    { 
     Response.ContentType = "image/jpeg"; 
     //Response.ContentType = "text/plain"; 
     //Response.ContentType = new MediaTypeHeaderValue("image/jpeg").ToString(); 
     //Response.ContentType = new MediaTypeHeaderValue("text/plain").ToString(); 

     //Response.Headers.Add("Content-Length", _base64Image.Length.ToString()); 
     //HttpContext.Response.ContentLength = _base64Image.Length; 

     await Response.Body.WriteAsync(Encoding.UTF8.GetBytes(_base64Image), 0, _base64Image.Length); 
     //await Response.Body.FlushAsync(); 
    } 
} 

ich mehrere Dinge ausprobiert habe, wie FlushAsync() zu entfernen, die Änderung der Art und Weise der ContentType zu definieren, umfassen data:image/jpeg;base64 , in der Kette oder nicht, aber nichts funktioniert.

Ich habe here und here gesehen, dass das Schreiben in den Response-Body-Stream machbar ist, also nehme ich an, dass ich auf dem guten Weg bin (ich habe versucht, einen einfachen String vorher zurückzugeben, aber auch nicht funktioniert).

Ja meine Base64-Zeichenfolge ist korrekt, weil ich auch versucht habe, es direkt in den HTML-Code einzuschließen, und das Bild wird korrekt angezeigt.

Ich präzis Ich möchte keine JavaScript oder Razor View verwenden, um das zu erreichen, nur reines HTML und mein Controller.

Bitte beachten Sie auch, dass ich in einem API-Controller bin. Ich kann nicht das gleiche tun, wie wir in der Configure Methode in der Klasse Startup eines leeren ASP.NET Core-Projekt wie sehen:

app.Run(async (context) => 
{ 
    await context.Response.WriteAsync("Hello World!"); 
}); 

Obwohl beide Antworten Typen sind HttpResponse, die in meinem Controller doesn ‚t haben alle Response.WriteAsync aber Response.Body.WriteAsync

Danke für Ihre Hilfe, es Stunden, die ich bin auf der Suche, aber es gibt so gut wie keine Ressourcen darüber noch für ASP.NET-Core

Answer 1

Du bist immer noch die Daten als base64-Rückkehr Text, im Grunde - Sie erhalten die UTF-8-kodierte Form davon, aber t Das ist alles.

Wenn Sie wirklich nur die Version des Bildes base64 haben, müssen Sie nur, dass dekodieren müssen:

byte[] image = Convert.FromBase64String(_base64Image2); 
await Response.Body.WriteAsync(image, 0, image.Length); 

(. Beachten Sie, dass es nur die base64 sein muss Sie konvertieren - nicht die Daten URI)