大家都比较喜欢谈论高考,然而笔者就不愿意提及,因为笔者高考很不理想,以致于意志消沉。后来吧,就迷恋上了游戏一直到上个月,可以说是不学无术已经很久了。火爆的脾气也是随之而来,虽时光不再,脾气尚存。怎么办呢,笔者用HBuilder写点东西消消火。闲扯一下,很开心。下面直接上代码了:
html>
浏览器利用Webcam+Flash启用摄像头,并完成拍照
var w = 320, h = 240;
var pos = 0, ctx = null, saveCB, image = [];
debugger;
var canvas = document.getElementById(‘cv20180820pm900‘);
canvas.setAttribute(‘width‘, w);
canvas.setAttribute(‘height‘, h);
var ctx = canvas.getContext(“2d”);
var image = ctx.getImageData(0, 0, w, h);
var Imagedata;
function open_camer(){//开启摄像头
$(“#photo_show”).hide();//摄像区域显示
$(“#ing_photo” ).show();
$(“#button_photo”).hide();//启动摄像头,按钮隐藏
$(“#take_photo_upload”).show();//拍照按钮显示
}
$(“#webcam”).webcam({
width : w,
height : h,
mode : “callback”,
swffile : “js/jscam_canvas_only.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
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);
pos = 0;
Imagedata = canvas.toDataURL().substring(22);
}
},
onCapture : function() {
webcam.save();
$.post(“AddPhoto.action”, {
image : canvas.toDataURL()
}, function(msg) {
});
},
debug : function(type, string) {
console.log(type + “: ” + string);
},
onLoad : function() {
console.log(‘‘)
var cams = webcam.getCameraList();
for ( var i in cams) {
$(“body”).append(“
” + cams[i] + “
“);
}
}
});
//拍照
function getPhoto() {
webcam.capture();
$(“#photo_show”).hide();
$(“#ing_photo”).hide;
/*思路:
* 笔者本着,一切数据均为二进制编码的原则,处理图片
1、通过canvas,将图片转换为Base64的编码
2、把Base64的编码使用ajax post方式传递到后台java
3、在java中对Base64进行解码,解析出来路径就是图片上传的路径地址
4、最后存储图片
*/
//上传部分
var uuid = $(‘#uuid‘).val();
var url = “AddPhoto.action”
var pars = {
‘type‘ : 1,
‘uuid‘ : uuid,
‘imagedata‘ : Imagedata
};
$.ajax({
type : “POST”, // 用POST方式传输
url : url,
data : pars,
dataType : ‘json‘,
async : false,
beforeSend : function() {
},
complete : function() {
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
},
success : function(data) {
},
cache : false
});
}
文章知识点与官方知识档案匹配,可进一步学习相关知识Java技能树首页概览91308 人正在系统学习中 相关资源:软件标书范本(技术部分)_软件技术标书-项目管理文档类资源-CSDN文库
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!