asp.net中实现证件照拍照

最新推荐文章于 2026-05-06 15:49:08 发布

原创最新推荐文章于 2026-05-06 15:49:08 发布 · 5.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#asp.net #javascript #button #function #服务器

IT技术相关专栏收录该内容

176 篇文章

订阅专栏

本文介绍了如何在网页中集成最新版本的ImageCapOnWeb控件，实现摄像头启动、拍照、选取特定区域、裁剪图片，并将结果提交到服务器的过程。包括了控件的基本配置、事件触发以及数据处理方法。

以下代码需要用到最新版本ImageCapOnWeb控件，这里可以找到。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>控件测试页面</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form method="post" > <input type="hidden" id="picData1" name="picData1"/> <input type="hidden" id="picExt1" name="picExt1"/> <input type="hidden" id="picData2" name="picData2"/> <input type="hidden" id="picExt2" name="picExt2"/> <p> <input type="button" value="启动摄像头" onclick="javascript:startCam();" /> <input type="button" value="拍照片" onclick="javascript:capPicture1();" /> <input type="button" value="选中头像区域" onclick="javascript:selectPic();" /> <input type="button" value="裁剪选中区域" onclick="javascript:cutSelectedPic()" /> <input type="button" value="提交到服务器端" onclick="javascript:submitToServer();" /> <br/> <input type="button" value="清除结果" onclick="javascript:document.getElementById('cap1').clear();" /> </p> <object classid="clsid:34681DB3-58E6-4512-86F2-9477F1A9F3D8" id="cap1" width="640" height="480" codebase="../cabs/ImageCapOnWeb.cab#version=2,0,0,0"> <param name="Visible" value="0"> <param name="AutoScroll" value="0"> <param name="AutoSize" value="0"> <param name="AxBorderStyle" value="1"> <param name="Caption" value="scaner"> <param name="Color" value="4278190095"> <param name="Font" value="宋体"> <param name="KeyPreview" value="0"> <param name="PixelsPerInch" value="96"> <param name="PrintScale" value="1"> <param name="Scaled" value="-1"> <param name="DropTarget" value="0"> <param name="HelpFile" value> <param name="PopupMode" value="0"> <param name="ScreenSnap" value="0"> <param name="SnapBuffer" value="10"> <param name="DockSite" value="0"> <param name="DoubleBuffered" value="0"> <param name="ParentDoubleBuffered" value="0"> <param name="UseDockManager" value="0"> <param name="Enabled" value="-1"> <param name="AlignWithMargins" value="0"> <param name="ParentCustomHint" value="-1"> </object> </form> <mce:script type="text/javascript"></mce:script> </body> </html>