javascript - ワンボタン ASP.NET でウェブカメラから写真を撮って保存

Question

メンバーの写真を撮って保存し、私たちのサービスについてのレートを付けたウェブページを作成しようとしています。そして、これを 1 つのボタンで実行したい (写真を撮って保存する)。写真をキャプチャするボタンと評価ボタン（良い、悪い、わからない）の2つのボタンタイプを作成しましたが、私が言ったように1つのボタンにすることはできませんでした。

私のサンプルコード:

function takePhoto()
{
  Webcam.snap(function (data_uri) {
    imageObj_BG.src = data_uri;
    init('BG', '');
  });
}

function savePhoto()
{
  var image_NEW = document.getElementById("canvas").toDataURL("image/png");
  image_NEW = image_NEW.replace('data:image/png;base64,', '');
  $("#<%=hidImage.ClientID%>").val(image_NEW);
  alert('Thanks for your comment!');
}

<input type=button value="Capture Photo" onClick="takePhoto()">

<asp:ImageButton ID="ImageButton2" runat="server" Height="200px" Width="200px" ImageUrl="~/Images/Happy.gif" OnClientClick="savePhoto();return true;" OnClick="ImageButton2_Click" ImageAlign="Middle" />