使用Jquery colorbox和通过Aspx读取的动态图像时的问题

本文关键字：动态 图像 问题 读取 Aspx colorbox Jquery 使用 | 更新日期: 2023-09-27 17:53:58

在我的网站上显示全尺寸图像，我决定使用Jquery。这个插件可以很好地用于静态图像位置，例如:

<a rel="ex1" href="http://www.blah.com/image.jpg"><img src="http://www.blah.com/image_thumb.jpg"/></a>

，但当我想从使用二进制读/写这个插件显示我的垃圾数据，而不是一个编译的jpg/图像目录的图像，如下所示:

<a rel="ex1" href="http://www.blah.com/getimage.aspx?id=1234"><img src="http://www.blah.com/getimage.aspx?id=1234"/></a>
下面是我获取动态图像的代码片段: 
thumbLocation = DataHelper.GetItemPicture(recordID);
using (FileStream IMG = new FileStream(thumbLocation, FileMode.Open))
                        {
                            //FileStream IMG = new FileStream(thumbLocation, FileMode.Open);
                            byte[] buffer = new byte[IMG.Length];
                            IMG.Read(buffer, 0, (int)IMG.Length);
                            Response.Clear();
                            Response.ContentType = "image/JPEG";
                            Response.AddHeader("Content-Length", buffer.Length.ToString());
                            Response.BinaryWrite(buffer);
                            Response.End();}

我如何解决这个问题?

使用Jquery colorbox和通过Aspx读取的动态图像时的问题

使用colorbox的photo属性。例子:

$ (' a.example ') .colorbox({照片:真});

原因是colorbox的regex自动检测图像URL将失败的URL类型(不包含图像类型的扩展)

一些想法

  • 将内容类型更改为"image/jpeg" (大写可能有影响)

  • 将以下内容添加到url末尾&thisisan.jpg (如果在url末尾没有看到这些内容，某些浏览器将不会创建图像)

  • 通过将图像url直接放入浏览器进行测试。

相关文章：