[英]SpringMVC JQuery WebCam plugin
我正在开发SpringMVC应用程序。 该应用程序是一个表单,用户使用Jquery WebCam Plufin拍照 。 我有网络摄像头,并且可以拍照,但是现在我需要将图像写入数据库或将其上传到服务器。
我想插入数据库。我想知道在插入数据库之前先上传到服务器吗? 我不确定该如何处理。 有人可以指导我采取最佳方法吗
码:
$(document).ready(function(){
document.createElement("canvas");
$("#canvas").hide();
$("#camera").webcam({
width: 320,
height: 240,
useMicrophone: false,
mode: "callback",
swffile: "resources/swf/jscam_canvas_only.swf",
quality:85,
onSave: saveCB,
onCapture: function () {
$("#camera").hide();
webcam.save();
$("#canvas").show();
},
debug: function (type, string) {
$("#status").html(type + ": " + string);
}
});
$('#upload').click(function () {
webcam.capture();
return false;
});
$('#retake').click(function () {
$("#canvas").hide();
$("#camera").show();
return false;
});
window.addEventListener("load", function() {
var canvas = document.getElementById("canvas");
if (canvas.getContext) {
ctx = document.getElementById("canvas").getContext("2d");
ctx.clearRect(0, 0, 320, 240);
image = ctx.getImageData(0, 0, 320, 240);
}
}, false);
});
<div id="tab1" class="divGroup">
<form:form id="citizenRegistration" name ="citizenRegistration" method="POST" commandName="citizens" action="citizen_registration.htm">
<div id="divRight" class="mainDiv">
<div class="divGroup" id="divCharInfo">
<label id="status"></label>
<div id="camera"></div>
<div><p><canvas id="canvas" name="photo" height="240" width="320"></canvas></p><form:errors path="photo" class="errors"/></div>
<input id="upload" type="button" value="Take Photo">
<input id="retake" type="button" value="Re-Take Photo">
不知道您是否还需要一个答案。 顺便说一句,您正在使用不支持“保存”模式的jscam_canvas_only.swf。 移至jscam.swf后再试一次...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.