<img>タグとしてhtml内に "image"としてデータベースから取得したバイナリストリームを表示

Question

データベースからバイナリストリームとしてフェッチされたイメージをWebフォームに表示しようとしています。あなたはこれについていくつかの光を当てることができます！

私は、ユーザーがプロフィールを持ち、すべてのユーザーが自分のプロフィール画像をホームページに表示しているプロジェクトに取り組んでいます。この写真はデータベースからのものです。

ここで私はストリームを取得するために使用したコードです！

TestDBDataContext context1 = new TestDBDataContext(); 

      var r = (from a in context1.ImageTables where a.Id == 8 select a).First(); 

      MemoryStream stream = new MemoryStream(r.FileImage.ToArray()); 

おかげ

Answer 1

そうのように、aspxページに画像のURLを設定している私が過去にやった：その後

<img src="getLogo.aspx" alt="Logo" /> 

、getLogo.aspxのコードビハインドで、私は次のことを行ってきました：バイト配列

Answer 2

私は（そのようなレコードの主キーとしてナンセンス名を使用して外部の発信者がアクセス可能なウェブサイト内のディレクトリ（つまり、画像サブディレクトリ）に画像を保存しますデータベースまたはGUID）、Webページのこのファイルにhrefを追加します。

Answer 3

Base64では、（合わせてMIMEタイプを変更する）あなたのバイナリをエンコードし、次のようにイメージタグに挿入します。

<img src="data:image/gif;base64,BASE64 ENCODED BINARY HERE"> 

これは、あなたがそれを行うだろうかですが、いくつかのブラウザが処理できないように私はこれをしないだろうそれ（IE6）。最初にファイルに保存し、従来の方法でファイルを保存する方がよいです。

Answer 4

保存メモリストリームが使用してファイルに：

MemoryStream memoryStream = new MemoryStream(); 
    using (FileStream fileStream = new FileStream(FilePath, FileMode.Open, FileAccess.Write)) 
    { 
     memoryStream.SaveTo(fileStream); 
    } 

はその後、HTMLでのファイル名を入れました。

Answer 5

まず、実際に私はこのためIHTTPハンドラの過負荷を好むと思います（画像用に別の.aspxファイルを持っていますが、原理はサムのようimageDataがあなたのイメージである

Response.BinaryWrite(imageData); 
Response.ContentType = "image/gif"; 

eと一度に1つの新しい概念を導入しましょう）。

.aspxファイルはコードビハインドから継承され、内容はありません。だから、それは<%@ Page %>の指示文を持っていて、それ以外のものはありません。

コードビハインドでは、ページロードイベントハンドラでイメージを取得し、応答のコンテンツタイプを適切な値に設定します（たとえば、すべてのイメージがimage/pngの場合、ちょうどハードコード）。次に、イメージを出力に書き込みます。

TestDBDataContext context1 = new TestDBDataContext(); 
int id; 
if(int.TryParse(Request.QueryString["id"], out id)) 
{ 
    var r = (from a in context1.ImageTables where a.Id == 8 select a).FirstOrDefault(); 
    if(r != null) 
    { 
    Response.ContentType = r.ContentType; 
    Response.BinaryWrite(r.FileImage.ToArray()); 
    return; 
    } 
} 
//code to handle 404 not found for no such image here (send error message or Server.Transfer to error page, etc. 

その後、等<img src="profileImg.aspx?id=8" alt="" />でこれを使用することができ

性能向上がデータベースから一度にバイトに4kのチャンクを取得しなくメモリ内の1つの巨大なアレイよりも、Response.OutputStreamに書き込むことです。小さなファイルの場合、その違いは重要ではありませんが、非常に大きなファイルの場合、かなりの量になる可能性があります（「今すぐWebサーバーが繰り返し使用されていません」など）。