Wie zeige ich Byte-Array-Bilder in ASP.NET MVC ohne Datenbankzugriff an?

Effiziente Anzeige von Byte-Array-Bildern in ASP.NET MVC ohne Datenbankzugriff

Viele ASP.NET MVC-Anwendungen speichern Bilder als Byte-Arrays in ihren Modellen. Allerdings beeinträchtigt der wiederholte Zugriff auf die Datenbank zum Abrufen dieser Bilder die Leistung. In diesem Artikel wird eine Lösung vorgestellt, um Byte-Array-Bilder direkt aus dem Modell anzuzeigen und dabei die Datenbank zu umgehen, um die Effizienz zu verbessern.

Der Schlüssel besteht darin, die integrierten Funktionen von .NET zu nutzen, um das Byte-Array in einen Base64-String zu konvertieren. Diese Zeichenfolge wird dann zur Quelle für ein HTML-Tag <img src="/static/imghwm/default1.png" data-src="@imgSrc" class="lazy" alt="Wie zeige ich Byte-Array-Bilder in ASP.NET MVC ohne Datenbankzugriff an?" >, das das Bild direkt auf der Webseite rendert.

Hier ist der Prozess:

1. Base64-Konvertierung: Verwenden Sie Convert.ToBase64String(), um das Byte-Array in eine Base64-codierte Zeichenfolge umzuwandeln.
2. Daten-URI-Formatierung: Erstellen Sie eine Daten-URI-Zeichenfolge unter Verwendung der Base64-Zeichenfolge und des MIME-Typs des Bildes (z. B. „data:image/jpeg;base64,“).
3. HTML-Bildelement: Betten Sie den formatierten Daten-URI als src-Attribut eines <img src="/static/imghwm/default1.png" data-src="@imgSrc" class="lazy" alt="Wie zeige ich Byte-Array-Bilder in ASP.NET MVC ohne Datenbankzugriff an?" >-Tags ein.

Dieser Codeausschnitt veranschaulicht die Implementierung:

@{
    var base64 = Convert.ToBase64String(Model.ByteArray);
    var imgSrc = $"data:image/{Model.ImageType};base64,{base64}"; //Improved using string interpolation and dynamic image type
}

<img src="/static/imghwm/default1.png"  data-src="@imgSrc"  class="lazy" alt="Image from byte array" />

Dieser optimierte Ansatz vermeidet wiederholte Datenbankaufrufe, was zu einem schnelleren Laden von Bildern und einer verbesserten Gesamtleistung der Anwendung führt. Beachten Sie die Hinzufügung des Attributs alt zur Barrierefreiheit. Das Beispiel verwendet auch String-Interpolation für saubereren Code und geht davon aus, dass Ihr Modell eine ImageType-Eigenschaft (z. B. „jpeg“, „png“, „gif“) enthält, um den MIME-Typ dynamisch zu bestimmen.

Das obige ist der detaillierte Inhalt vonWie zeige ich Byte-Array-Bilder in ASP.NET MVC ohne Datenbankzugriff an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!