2011-08-12 27 views
0

我使用javascript/jquery来填充html网页。在IE浏览器工作正常,但在Firefox或Chrome当我点击只有链接图像不显示任何地方显示的图像:如何使用javascript来使用asp.net图像缩放器

http://localhost:12240/ImageResize.aspx?imgsrc=images/test.jpg&width=100

使用JavaScript我创建这个网站码:

<div class="item related-padding"> 
<div class="item-container item-0"> 
<div class="item-content" style="background:url(ImageResize.aspx?imgsrc=images/test.jpg&width=127) no-repeat;"></div> 
<div class="item-type video"></div> 
</div> 
<div class="item-caption">Test</div> 
</div> 

我相信问题是在C#中,ASP.NET头文件

Response.Buffer = true; 
Response.Charset = ""; 
Response.Cache.SetCacheability(HttpCacheability.NoCache); 
Response.ContentType = "image/jpg"; 
Random random = new Random(); 
int randomNumber = random.Next(1000000); 
//Response.AddHeader("content-disposition", "attachment;filename=" + $randomNumber.ToString() + ".jpg"); 

/*resize happens here*/ 
bmp.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg); 

Response.Flush(); 
Response.End(); 

bmp.Dispose(); 
image.Dispose(); 

有什么想法吗?

所有我想是调整图像大小并且将其输出为jpg

+0

您的链接位于localhost,我们无法访问该页面。如果您希望我们看到该页面,请使用公共链接。 – Abel

+0

您似乎暗示当您单击该链接时,图像会显示在_all_浏览器中,但不会在您运行JavaScript时显示。由于JS可能非常依赖于浏览器,所以您最好向我们展示JavaScript代码**,而不是与浏览器无关的服务器端代码。你所展示的是一种CSS风格,而不是JS。 – Abel

回答

0

添加< IMG SRC = “ImageResize.aspx?IMGSRC =图像/ test.jpg放在&宽度= 127” ALT = “”/>而不是与背景图像的div。

0

你的问题错过需要的到了点回答细节,但这里有一些提示,你可以看看:在CSS

  • 相对URI并不总是以相同方式处理,以检查FireBug或HTTP嗅探器是否正在检索正确的相对URI。 IE和其他人之间曾经有过区别,不确定它仍然是一样的。

  • 错误很可能出现在您的JavaScript中,而您没有看到。您可以使用javascript控制台检查并/或通过在警告框或文本框中打印出结果并手动呈现,看看会发生什么(仔细查看正确的转义)。

  • 你不使用实体的符号,虽然我很难想象,一个浏览器会在乎那

  • 你不做Response.Clear(),如果通过正常的创建响应这,页面请求,可以创建一个残缺的响应流,其中包含您不想在其中显示的页面和页面中的数据。

  • 用文件上的常规图像测试你的代码,看看CSS是否仍然存在(当然还有JavaScript)。分别测试JavaScript输出和CSS以确保找到正确的犯罪派对(CSS,JS,服务器端C#或其他)。