¿Visualizas una imagen ashx usando jQuery?

Question

He estado tratando de usar el complemento jQuery Colorbox para mostrar las imágenes que tengo en mi base de datos a través de un archivo ashx. Desafortunadamente solo escupe un montón de galimatías en la parte superior de la página y no hay imagen. Se puede hacer esto? Aquí es lo que tengo hasta ahora:

$(document).ready 
    (
     function() 
     { 
      $("a[rel='cbImg']").colorbox(); 
     } 
    ); 
... 
<a rel="cbImg" href="HuntImage.ashx?id=15">Click to see image</a> 

ACTUALIZACIÓN:

Mi archivo ashx está escribiendo el binario Salida:

  context.Response.ContentType = "image/bmp"; 
      context.Response.BinaryWrite(ba); 

Answer 1

Colorbox tiene la opción 'foto'. Si establece esto como verdadero en su constructor, lo forzará a procesar la foto.

$(target).colorbox({photo: true}); 

Answer 2

Usted debe establecer el atributo src en el lado del cliente.

<img src="HuntImage.ashx?id=15" ..../> 

El manejador

public class ImageRequestHandler: IHttpHandler, IRequiresSessionState 
    { 
     public void ProcessRequest(HttpContext context) 
     { 
      context.Response.Clear(); 

      if(context.Request.QueryString.Count != 0) 
      { 
     //Get the stored image and write in the response. 
       var storedImage = context.Session[_Default.STORED_IMAGE] as byte[]; 
       if (storedImage != null) 
       { 
        Image image = GetImage(storedImage); 
        if (image != null) 
        { 
         context.Response.ContentType = "image/jpeg"; 
         image.Save(context.Response.OutputStream, ImageFormat.Jpeg); 
        } 
       } 
      } 
     } 

     private Image GetImage(byte[] storedImage) 
     { 
      var stream = new MemoryStream(storedImage); 
      return Image.FromStream(stream); 
     } 

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

Answer 3

Parece que no puedo hacer lo que estoy tratando usando colorbox una imagen con ashx. Si alguien encuentra una manera, publícala aquí.

Consideré eliminar la pregunta pero la dejaré en caso de que alguien más se encuentre con el mismo problema.

Answer 4

Encuentra esta función alrededor de la línea 124 (colorbox 1.3.15)

// Checks an href to see if it is a photo. 
// There is a force photo option (photo: true) for hrefs that cannot be matched by this regex. 
function isImage(url) { 
    return settings.photo || /\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(url); 
} 

En la línea 127, después de añadir |ashx bmp en (gif|png|jpg|jpeg|bmp) para que se lea así:

// Checks an href to see if it is a photo. 
// There is a force photo option (photo: true) for hrefs that cannot be matched by this regex. 
function isImage(url) { 
    return settings.photo || /\.(gif|png|jpg|jpeg|bmp|ashx)(?:\?([^#]*))?(?:#(\.*))?$/i.test(url); 
} 

Esto está trabajando solo bien para mí en Sitecore 6.2 :)