在一个按钮ASP.NET中从网络摄像头拍摄并保存照片

Question

我尝试创建一个网页，并使用他们对我们服务的费率保存会员的照片。我想用一个按钮做这个（拍照然后保存）。我创建了两个按钮类型：捕获照片和速率按钮（好，坏，不知道），但我不能像我说的那样在一个按钮上制作它。

我的示例代码：

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