HTMLとAngular JSを使用してデータベースから画像を保存/取得する

Question

Web API、HTML、Angular JSを使用して単一ページアプリケーションを構築し、従業員のリストに対してCRUD操作を実装します。

• ID（int型）
• フルネーム（データ型はnvarchar（50））
：

私は次はそのデータ型と一緒に属性からなるEmployeeという名前のテーブルとVisual Studioで新しいデータベースを作成しました

• JobPosition（NVARCHAR（50））
• モットー（NVARCHAR（100））
• 趣味（NVARCHAR（100））
• 現在地（NVARCHAR（ 50））
• PersonalBlog（データ型はnvarchar（50））
• 画像（varbinary型（MAX））

私の研究によると、データベースに画像を保存するための最良の方法は、varbinary型を使用することです（最大）タイプ。 （おそらく使用して、それらの画像を取得

（データベースが 前にレコード数によって移入されるので）、手動で画像を保存する

1. ：しかし、私は私のプロジェクトでは以下の機能を実装する方法を見つけ出すことはできませんアンギュラJS）とHTMLフォーム

Answer 1

から、それらの画像を保存する HTMLページに

をそれらを表示私はこれを成し遂げるために利用できる選択肢の1を説明します。

• ステップ1：BASE64に画像を変換/列
• ステップ2：イメージにバインド
• ステップ3：ポストWEBAPI
• ステップ4に従業員オブジェクトは：画像内のbase64文字列に変換バイトへの変換

バイト[] imageInBytes = Convert.FromBase64String（employyeView.Image）;

• ステップ5：エンティティ変数に値を割り当て、画像フィールドには imageInBytesを割り当てます。
• ステップ6：挿入が

をdbにそれとも、角度でバイナリに画像を変換することができれば、あなたはあなたがhttps://github.com/ninjatronic/angular-base64を使用することができますBASE64に画像を変換するためのステップ4と5

をスキップすることができます。

このライブラリを使用するための指示に従ってください、あなたは簡単に呼び出すことができます。

var imageBase64=$base64.encode(image); 

を