Bagaimana untuk Memaparkan Imej Array Byte dalam ASP.NET MVC Tanpa Akses Pangkalan Data?

Memaparkan Imej Array Byte dengan Cekap dalam ASP.NET MVC tanpa Akses Pangkalan Data

Banyak aplikasi ASP.NET MVC menyimpan imej sebagai tatasusunan bait dalam model mereka. Walau bagaimanapun, berulang kali mengakses pangkalan data untuk mendapatkan semula imej ini memberi kesan kepada prestasi. Artikel ini membentangkan penyelesaian untuk memaparkan imej tatasusunan bait terus daripada model, memintas pangkalan data untuk kecekapan yang lebih baik.

Kuncinya ialah memanfaatkan keupayaan terbina dalam .NET untuk menukar tatasusunan bait kepada rentetan Base64. Rentetan ini kemudiannya menjadi sumber untuk teg HTML <img>, secara langsung memaparkan imej pada halaman web.

Ini prosesnya:

1. Penukaran Base64: Gunakan Convert.ToBase64String() untuk menukar tatasusunan bait menjadi rentetan berkod Base64.
2. Pemformatan URI Data: Bina rentetan URI data menggunakan rentetan Base64 dan jenis MIME imej (cth., "data:image/jpeg;base64,").
3. Elemen Imej HTML: Benamkan URI data yang diformat sebagai atribut src bagi teg <img>.

Coretan kod ini menggambarkan pelaksanaan:

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

<img src="@imgSrc" alt="Image from byte array" /></code>

Pendekatan yang dioptimumkan ini mengelakkan panggilan pangkalan data berulang, menghasilkan pemuatan imej yang lebih pantas dan prestasi aplikasi keseluruhan yang lebih baik. Perhatikan penambahan atribut alt untuk kebolehaksesan. Contoh ini juga menggunakan interpolasi rentetan untuk kod yang lebih bersih dan menganggap model anda termasuk sifat ImageType (cth., "jpeg", "png", "gif") untuk menentukan jenis MIME secara dinamik.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Imej Array Byte dalam ASP.NET MVC Tanpa Akses Pangkalan Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!