Dynamiczne renderowanie asp:obraz z wpisu BLOB w ASP.NET

Możesz BASE64 kodować zawartość obrazu bezpośrednio do atrybutu SRC, jednak wierzę, że tylko Firefox przetworzy to z powrotem do obrazu.

To, co zwykle robię, to tworzenie bardzo lekkiego Httphandlera do obsługi obrazów:

using System;
using System.Web;

namespace Example
{  
    public class GetImage : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            if (context.Request.QueryString("id") != null)
            {
                Blob = GetBlobFromDataBase(id);
                context.Response.Clear();
                context.Response.ContentType = "image/pjpeg";
                context.Response.BinaryWrite(Blob);
                context.Response.End();
            }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

Możesz odnieść się do tego bezpośrednio w tagu img:

<img src="GetImage.ashx?id=111"/>

Lub możesz nawet utworzyć kontrolkę serwera, która zrobi to za Ciebie:

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Example.WebControl
{

    [ToolboxData("<{0}:DatabaseImage runat=server></{0}:DatabaseImage>")]
    public class DatabaseImage : Control
    {

        public int DatabaseId
        {
            get
            {
                if (ViewState["DatabaseId" + this.ID] == null)
                    return 0;
                else
                    return ViewState["DataBaseId"];
            }
            set
            {
                ViewState["DatabaseId" + this.ID] = value;
            }
        }

        protected override void RenderContents(HtmlTextWriter output)
        {
            output.Write("<img src='getImage.ashx?id=" + this.DatabaseId + "'/>");
            base.RenderContents(output);
        }
    }
}

To może być używane jak

<cc:DatabaseImage id="db1" DatabaseId="123" runat="server/>

I oczywiście można ustawić databaseId w kodzie w razie potrzeby.

Nie chcesz obsługiwać obiektów blob z bazy danych bez implementacji buforowania po stronie klienta.

Będziesz musiał obsługiwać następujące nagłówki, aby obsługiwać buforowanie po stronie klienta:

• ETag
• wygasa
• Ostatnio Zmodyfikowane
• If-Match
• If-None-Match
• If-Modified-Since
• If-Unmodified-Since
• Unless-Modified-Since

Dla obsługi http, która to robi, sprawdź out: http://code.google.com/p/talifun-web/wiki/StaticFileHandler

Ma ładny pomocnik do serwowania treści. Powinien być łatwy do przekazania w strumieniu bazy danych do niego. Robi również buforowanie po stronie serwera, co powinno pomóc złagodzić presję na bazę danych.

Jeśli kiedykolwiek zdecydujesz się na przesyłanie strumieniowe treści z bazy danych, plików PDF lub dużych plików, obsługa obsługuje również 206 częściowych żądań.

Obsługuje również gzip i deflate kompresja.

Te typy plików będą korzystać z dalszej kompresji:

• css, JS, htm, html, swf, xml, xslt, txt
• doc, xls, ppt

Istnieją pewne typy plików, które nie skorzystają z dalszej kompresji:

• pdf (powoduje problemy z niektórymi wersjami w IE i zwykle jest dobrze skompresowany)
• png, jpg, jpeg, gif, ico
• wav, mp3, M4A, aac (wav jest często kompresowany)
• 3gp, 3G2, asf, avi, dv, flv, mov, mp4, MPG, mpeg, wmv
• zip, rar, 7z, arj

Za pomocą ASP.Net z MVC jest to dość łatwe do przodu. Kodujesz kontroler z taką metodą:

public FileContentResult Image(int id)
{
    //Get data from database. The Image BLOB is return like byte[]
    SomeLogic ItemsDB= new SomeLogic("[ImageId]=" + id.ToString());
    FileContentResult MyImage = null;
    if (ItemsDB.Count > 0)
    {
        MyImage= new FileContentResult(ItemsDB.Image, "image/jpg");
    }

    return MyImage;
}

W Twoim ASP.NET Web View lub w tym przykładzie, w Twoim ASP.NET formularz internetowy możesz wypełnić kontrolkę obrazka z adresem URL do swojej metody w następujący sposób:

            this.imgExample.ImageUrl = "~/Items/Image/" + MyItem.Id.ToString();
            this.imgExample.Height = new Unit(120);
            this.imgExample.Width = new Unit(120);

Właśnie wypuściliśmy kilka klas, które pomagają w tego typu sprawach:

Http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16449

W szczególności, sprawdź próbkę bazy danych.

Dodaj kod do funkcji obsługi, aby zwrócić bajty obrazu z odpowiednim typem mime. Następnie możesz po prostu dodać adres url do obsługi, jakby był to obraz. Na przykład:

<img src="myhandler.ashx?imageid=5">  

Ma sens?