VS Builtin Web服务器以octet-stream的形式发送图像

时间:2009-02-25 17:06:29

标签: asp.net javascript visual-studio http-headers vs-devserver

我正在调试一个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图像,因此它不应该是问题的根源。

我做错了什么?!?

感谢您的帮助!

现在已经是午夜......而且我还在研究这个小应用......

1 个答案:

答案 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; } }
}