jsp页面使用webcam，获取照片

使用js调取摄像头，并获取照片，有两种方法一种是H5适用于谷歌，一种是利用webcam适用于ie

1利用webcam，获取照片

<!doctype html>
<html>
<head>
<#include "/include/meta.inc"><script src="${springMacroRequestContext.contextPath}/js/jscam/jquery-1.7.1.js"></script><script src="${springMacroRequestContext.contextPath}/js/jscam/jquery.webcam.js"></script>
</head>
<body>
<div class="title" style="margin-top: 0px;"><ul class="clearfix"><li><a href="#">人脸采集</a></li></ul>
</div>
<div class="main"><div style="margin-left: 80px;"><table ><tr><th> <div id="webcam"></div></th><th> <div id="canvas"></div></th></tr></table></div><div class="right" style="text-align:center;margin-top: 6px"><span class="adaptive_btn_regular adaptive_primary"  onclick="checklive()">采集人脸信息</span><span class="adaptive_btn_regular adaptive_primary"  onclick="getFaceForAPI()">验证人脸信息</span></div>
</div>
</body>
<script>var w = 320, h = 240;//摄像头配置,创建canvasvar pos = 0, ctx = null, saveCB, image = [];var Imagedata;var canvas = document.createElement("canvas");$("#canvas").append(canvas);canvas.setAttribute('width', w);canvas.setAttribute('height', h);ctx = canvas.getContext("2d");image = ctx.getImageData(0, 0, w, h);$("#webcam").webcam({width: w,height: h,mode: "callback",                       //stream,save，回调模式,流模式和保存模式swffile: "${springMacroRequestContext.contextPath}/js/jscam/jscam.swf",onTick: function(remain) {if (0 == remain) {$("#status").text("拍照成功!");} else {$("#status").text("倒计时"+remain + "秒钟...");}},onSave: function(data){              //保存图像var col = data.split(";");var img = image;for(var i = 0; i < w; i++) {var tmp = parseInt(col[i]);img.data[pos + 0] = (tmp >> 16) & 0xff;img.data[pos + 1] = (tmp >> 8) & 0xff;img.data[pos + 2] = tmp & 0xff;img.data[pos + 3] = 0xff;pos+= 4;}if (pos >= 4 * w * h) {ctx.putImageData(img,0,0);      //转换图像数据，渲染canvaspos = 0;Imagedata=canvas.toDataURL().substring(22);//上传给后台的图片数据}},onCapture: function () {               //捕获图像webcam.save();},debug: function (type, string) {       //控制台信息console.log(type + ": " + string);},onLoad: function() {                   //flash 加载完毕执行console.log('加载完毕！')var cams = webcam.getCameraList();
//            for(var i in cams) {//                $("body").append("<p>" + cams[i] + "</p>");
//            }}});function checklive(){webcam.capture(); //拍照，参数5是倒计时}</script>
</html>

把需要的js，引进来，并且需要安装flash插件,js和flash，我都上传了，可以直接下载。不要币
1.安装flash插件
2.Window系统设置flash，在控制面板搜索flash

jsp页面使用webcam，获取照片相关推荐

jsp页面从session获取当前用户信息控制页面按钮是否显示
<c:if test="${sessionScope.org.id == 43}"><li onclick="openCheckDialog()&quo ...
jsp页面如何通过el表达式获取request属性值
1. 我在一个超连接后加个参数如: http://localhost:8080/test/testjstl.jsp?pid=001 此时在jsp页面中,获取jsp传过来的pid的参数 ...
Javaweb8==未实现前后端分离的列表展示、新增、删除、修改功能。 servlet（逻辑处理，封装数据进域对象，转发到jsp）+jsp（el表达式获取域对象中的数据+JSTL替换if for）。
最终环境配置: IDEA2021+JDK8+mysql connector java5+Mysql5+mybatis3.5:从数据库取出数据. +(servlet+jsp+el表达式jstl):ser ...
（基于JSP页面）浏览器时间显示格式为Tue Jun 29 20:30:00 CST 2021 如何改为自己想要的时间格式
前段时间,跟小组成员一起用ssm做了一个小区物业管理系统,想总结一下自己觉得比较好的内容和自己遇到的一些问题,既可以避免回踩这些坑,也可以给大家分享一些微薄的经验. 浏览器如何显示自己想要的时间格式( ...
java获取jsp页面参数_jsp页面中获取servlet请求中的参数方法总结
jsp页面中获取servlet请求中的参数的办法详解在JAVA WEB应用中,如何获取servlet请求中的参数,并传递给跳转的JSP页面?例如访问http://localhost:8088/bbs ...
jsp获取java后台数据_springMVC笔记：jsp页面获取后台数据记录列表
1.读取数据库中的记录List> attributes; 2.Controller构造Model如下: @RequestMapping("display.do") publi ...
如何在两个jsp页面之间传值，在另外一个页面用EL表达式获取值
第一个jsp页面 <% String ids=request.getParameter("id");int id=Integer.parseInt(ids);%>< ...
struts2：JSP页面及Action中获取HTTP参数（parameter）的几种方式
本文演示了JSP中获取HTTP参数的几种方式,还有action中获取HTTP参数的几种方式. 1. 创建JSP页面(testParam.jsp) <%@ page language=" ...
jasper 获取当前日期_入侵Jasper以获取JSP页面的对象模型
jasper 获取当前日期为了对我的JSP执行一些检查和统计分析,我需要一个包含在其中的元素的类似于DOM的层次模型. 但是,解析JSP页面并不是一件容易的事,最好留给它一个出色的工具-Tomcat ...

jsp页面使用webcam，获取照片

jsp页面使用webcam，获取照片相关推荐

最新文章

热门文章