在一个按钮ASP.NET中从网络摄像头拍摄并保存照片 [英] Take and save photo from webcam in one button ASP.NET
问题描述
亲爱的所有人，我尝试创建一个网页，并使用他们对我们服务的费率保存会员的照片。我想用一个按钮做这个（拍照然后保存）。
我尝试过：
我创建了2个按钮类型：捕获照片和速率按钮（好，坏，不知道），但我不能像我说的那样在一个按钮中制作它。我的示例代码：
函数takePhoto（）
{
Webcam.snap（function（data_uri）
{
imageObj_BG.src = data_uri;
init（'BG'，''）;
}） ;
}
函数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（'感谢您的评论！'）;
}
<输入类型=按钮值=捕获照片onClick =takePhoto（）>
< asp：ImageButton ID =ImageButton2runat =serverHeight =200pxWidth =200pxImageUrl =〜/ Images / Happy.gifOnClientClick =savePhoto（）; return true; OnClick =ImageButton2_ClickImageAlign =Middle/>
Dear all, I try to create a webpage taking and saving the members' photo with their rate about our services. And I wanna do this in one button (take photo then save).
What I have tried:
I had created 2 button types: Capture photo and Rate button (Good, Bad, No idea) but I couldn't make it in one button like I said. My sample code:
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" />
推荐答案
（＃<％= hidImage.ClientID％>）。val（image_NEW） ;
alert（'感谢您的评论！'）;
}
< input type =按钮值=捕捉照片onClick =takePhoto（）>
< asp：ImageButton ID =ImageButton2runat =serverHeight = 200pxWidth =200pxImageUrl =〜/ Images / Happy.gifOnClientClick =savePhoto（）; return true; OnClick =ImageButton2_ClickImageAlign =Middle/>
("#<%=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" />
这篇关于在一个按钮ASP.NET中从网络摄像头拍摄并保存照片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
