我正在调试一个ASP.NET网站,它使用Visual Studio 2008开发Web服务器有很多javascripts和图像。
许多脚本中的一个尝试动态创建<img>
标记,并为其提供正确的src
属性。但是,没有加载任何图像,而是在Firefox,IE和Opera中显示alt文本。
进一步挖掘,我复制了一个图像链接,然后将其粘贴到Firefox的地址栏中,这就是实时页眉窗口中出现的内容:
GET /images/nav/zoomin.png HTTP/1.1
Host: localhost:7777
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive
HTTP/1.x 200 OK
Server: ASP.NET Development Server/9.0.0.0
Date: Wed, 25 Feb 2009 16:59:23 GMT
X-AspNet-Version: 2.0.50727
Cache-Control: private
Content-Type: application/octet-stream
Content-Length: 292
Connection: Close
有问题的部分是Content-Type
标题,它以某种方式设置为“application / octet-stream”强制执行下载操作,而不是正常显示在<img>
标记内。
我很安静,确保它不是问题的javascript,因为它是从另一个工作正常复制的代码。
我相信我可能在某处错误配置了某些内容。但我可能是错的,所以这里是创建HTML标记的代码:
var zin = document.createElement("img");
zin = $Img.Png(zin, Settings.ImageHost + "zoomin.png");
zin.style.top = (this.y + zoomPaddingY) + "px";
zin.style.left = (this.x + zoomPaddingX) + "px";
zin.style.position = "absolute";
$Img.Swap(zin, Settings.ImageHost + "zoomin.png", Settings.ImageHost + "zoomin_active.png");
zin.alt = zin.title = "zoom in";
zin.style.cursor = this.hand;
$Evt.addListener(zin, "click", this.zoomIn, this, true);
// long long scroll ...
controlDiv.appendChild(zin);
$Img.Png
部分适用于其他PNG图像,因此它不应该是问题的根源。
我做错了什么?!?
感谢您的帮助!
现在已经是午夜......而且我还在研究这个小应用......
答案 0 :(得分:1)
您是否正在使用渲染图像的GenericHandler?
这样做似乎是一个简单的选择。
例如
public class RenderImage : IHttpHandler, IReadOnlySessionState
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "image/png";
context.Response.Clear();
// TODO: Write image data
Bitmap bitmap = ...
bitmap.Save(Response.OutputStream,ImageFormat.Png);
context.Response.End();
}
public bool IsReusable { get { return false; } }
}