使用通过 Aspx 读取的 Jquery 颜色框和动态图像时出现问题答案

【问题标题】：Problem while working with Jquery colorbox and dynamic images that reading via Aspx使用通过 Aspx 读取的 Jquery 颜色框和动态图像时出现问题
【发布时间】：2011-05-01 16:22:12
【问题描述】：

为了在我的网站上显示完整尺寸的图像，我决定使用 Jquery.colorbox，这个插件适用于静态图像位置，例如：

<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>

这是我获取动态图像的 sn-p 代码：

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();}

我该如何解决这个问题？

【问题讨论】：

您是否检查过问题是否与getimage.aspx 无关？那个似乎可以正常工作吗？

标签： c# jquery asp.net colorbox

【解决方案1】：

使用 colorbox 的 photo 属性。示例：

$('a.example').colorbox({photo:true});

原因是 colorbox 用于自动检测图像 URL 的正则表达式对于那种 URL（不包含图像类型扩展名）会失败。

【讨论】：

@austin - 这与我的第二个选择相同，将 .jpg 放在 URL 的末尾会产生相同的效果。
太棒了！在过去的 2 个小时里，我一直在与此作斗争。这节省了我的核心。

【解决方案2】：

一些想法

将内容类型更改为"image/jpeg" （大写可能很重要）
将以下内容添加到 url 的末尾&thisisan.jpg （如果在 url 的末尾没有看到这个，某些浏览器将不会创建图像）
将图片url直接放入浏览器进行测试。

【讨论】：