asp.net-mvc - MVC キャプチャしたウェブカメラ画像をデータベースに保存

Question

良い一日！

ユーザーがボタンをクリックすると、webcam.js を含むモーダルがポップアップするコードがあります。ユーザーはウェブカメラからスナップショット写真を撮り、データベースに保存します。問題は、データベースに保存する方法がわからないことです。私がフォーラムのほとんどから見たものから、彼らImage pathはデータベースに保存しますが、私が望むのは画像自体をデータベースに保存することです。

モデル

public partial class tbl_Picture
{
    public string picture_id { get; set; }
    public string operator_id { get; set; }
    public byte[] picture { get; set; }
}

コントローラ

    [HttpPost]
    public ActionResult Franchise()
    {

        return View();
    }

見る

<td>
  <a class="btn btn-warning open-camera" data-toggle="modal" data-id="@item.franchise_id" href="#myModal3">
   Open Camera<span class="glyphicon  glyphicon-plus-sign"></span>
   </a>
 </td>

モーダル

@using (Html.BeginForm("Franchise", "Application", FormMethod.Post))
  {
   @Html.AntiForgeryToken()
     <div class="modal-body">
      <div class="row">
        <input type="text" name="franid" id="franid" value="" class="hidden" />
       <div id="my_camera" class="col-lg-6"></div>
       <div id="results" class="col-lg-6">Your captured image will appear here...</div>
       </div>
       <form>
         <input type=button value="Take Snapshot" onClick="take_snapshot()">
       </form>
       </div>
       <div class="modal-footer">
         <center>
         <button class="btn btn-success" type="submit">Submit</button>
          <button class="btn" type="button" data-dismiss="modal">Close</button>
          </center>
        </div>
}
</div>

脚本

<script language="JavaScript">
    Webcam.set({
        width: 320,
        height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90
    });
    Webcam.attach( '#my_camera' );
</script>

<script language="JavaScript">
   function take_snapshot() {
   Webcam.snap( function(data_uri) {
    document.getElementById('results').innerHTML =
    '<img id="base64image" src="' + data_uri + '"/>';
   } );
   }
</script>

このフォーラムにあることをやってみましたが、データベースに保存する方法がわかりません。そこで、このコードに戻ってオンラインで他のアイデアを検索してみました。

前もって感謝します！