Возьмите и сохраните фотографию с веб-камеры в одну кнопку ASP.NET

Question

Я пытаюсь создать веб-страницу, принимая и сохраняя фотографии участников с их оценкой наших услуг. И я хочу сделать это в одну кнопку (сфотографировать, а затем сохранить). Я создал 2 типа кнопок: "Захватить фотографию" и "Оценить" ("Хорошо", "Плохо", "Не знаю"), но я не смог сделать это одной кнопкой, как я сказал.

Мой пример кода:

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" />