jquery - 画像/ファイルをアップロードし、asp.netでjqueryを使用してSQLサーバーに保存する方法（またはその逆）

Question

jqueryで画像をアップロードし、その後、SQLサーバーに挿入するためにサーバー側に送信し、SQLサーバーから画像を取得して、divに追加するのに助けが必要です。これをクライアント側からサーバー側に、またはその逆に行う方法はありますか？私はたくさんの記事を読みましたが、それらのほとんどは純粋なサーバーサイドです。誰か私に例を教えてもらえますか？どんな助けでも完全に感謝されます。

Answer 1

非同期ファイルのアップロードについては、この記事を参照してください。

1）これにより、dbに保存できる画像バイトを取得したり、画像に変換してディレクトリに保存したりすることができます。

2）画像を保存すると、データベースからバイトを取得できます。ページで使用できます

<img id="img" src="GetImage.ashx?ImageId=1"/>

GetImage.ashxでは、次のコードを記述できます

//byte[] image = Get image bytes from DB using ImageID
System.Drawing.Image img = byteArrayToImage(image);

MemoryStream stream = new MemoryStream();
img.Save(stream, System.Drawing.Imaging.ImageFormat.Jpeg);
img.Dispose();
stream.Position = 0;
byte[] data = new byte[stream.Length];
stream.Read(data, 0, (int)stream.Length);
stream.Dispose();
Response.Clear();
Response.ContentType = "image/jpeg";
Response.BinaryWrite(data);

バイト変換機能

public Image byteArrayToImage(byte[] byteArrayIn)
{
  MemoryStream ms = new MemoryStream(byteArrayIn);
  Image returnImage = Image.FromStream(ms);
  return returnImage;
}