2011-08-12 19 views
0

私はjavascript/jqueryを使用してWebページをHTMLで埋めます。 IEで正常に動作しますが、私は唯一のリンクをクリックすると画像が表示されている場所のFirefoxやChromeで画像が表示されていません:JavaScriptを使用してJavaScriptを使用してasp.netイメージリサイザを使用する方法

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

を私は、このHTMLコードを作成します。

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

アイデア?

私が欲しいのは<のIMG SRC = "ImageResize.aspx?IMGSRC =画像/ test.jpg &幅= 127" ALT = "" />を追加JPG

+0

リンクはローカルホスト上にあり、そのページにアクセスすることはできません。あなたが私たちにページを見せたい場合は、公開リンクを使用してください。 – Abel

+0

リンクをクリックすると_all_ブラウザに画像が表示されますが、JavaScriptを実行するときは表示されません。 JSはブラウザに非常に依存する可能性があるので、おそらく、ブラウザに依存しないサーバー側のコードではなく、JavaScriptコード**を表示するほうがよいでしょう。あなたが示しているのはJSスタイルではなく、CSSスタイルです。 – Abel

答えて

0

として画像と出力サイズを変更することです背景画像とdivの代わりに

0

あなたの質問はへのポイントの答えのために必要な詳細を逃すが、ここであなたが見ることができるいくつかのヒントです:で確認し、常に同じように扱われていないCSSで

  • 相対URIは、 FireBugまたはHTTPスニファを使用して、正しい相対URIが取得されているかどうかを確認します。以前はIEと他のものとの違いがありましたが、それはまだ同じではありません。

  • エラーがJavaScriptに表示される可能性があります。 javascriptコンソールで確認したり、警告ボックスやテキストボックスに結果を表示したり、手作業でレンダリングしたりすることで、何が起こるかを見ることができます(正確なエスケープを注意深く見てください)。

  • 私はほとんどのブラウザがその

  • 気に想像することはできませんけれども、あなたが通常の通過応答を作成した場合、Response.Clear()を行わない、アンパサンドのためのエンティティを使用していませんページリクエストでは、不要なページのヘッダーとデータを含む不自然な応答ストリームを作成することができます。

  • 通常の画像でファイルをテストし、CSSがまだ保持しているかどうかを確認します(もちろんJavaScriptも同じです)。 JavaScriptの出力とCSSを個別にテストして、正しい犯罪者(CSS、JS、サーバー側C#など)を確実に見つけてください。

関連する問題