2

MVC4 Web アプリケーションでユーザー プロファイル ページを作成しようとしています。

<img />userprofile ページには、プロフィール写真を表示するためのイメージタグがあります。画像のすぐ下に、ユーザーが写真を閲覧およびアップロードするための「閲覧」、「アップロード」ボタンがあります。アップロード ボタンをクリックすると、写真が SQL Server にアップロードされ、プロファイル ページに画像が表示されます。

写真をアップロードして、SQL Server テーブルに保存できます。ここで、SQL Server テーブルからプロファイル ページに写真を取得したいと考えています。

これが私のユーザープロファイルページ/.cshtmlページです(かみそりビュー)

@model MvcSamples.Models.UserPicModel

@{

    ViewBag.Title = "PersonalInfo";
}

<h2>PersonalInfo</h2>

<form action="/UserDetails/PersonalInfo"  method="post" enctype="multipart/form-data">
        <img src="" alt="ProfilePhoto" />
    <label for="photo">Photo:</label>
    <input type="file" name="photo" id="photo" />
    <input type="submit" value="Upload" />

</form>

これは、SQL Server テーブルから写真を取得するために使用しているコードです。写真はdbから次のように取得されることに注意してくださいbyte[]

byte[] barrImg = usr.GetProfilePhoto(id);

デバッグすると、写真が「barImg」に取得されていることがわかります。

私の質問 1<img src="" alt="ProfilePhoto" /> : ここから、プロフィール ページに実際の写真が表示されるようにするにはどうすればよいですか?

質問 2:誰かが Jquery/Ajax /javascript を含む同じ機能を実現するためのより良い代替提案 /samples/pointers を提案できますか?

前もって感謝します

4

1 に答える 1