|
Нужен совет по использовании web камеры
#38974824
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
Ссылка на профиль пользователя:
|
Участник
Откуда: UZB
Сообщения: 1 151
|
|
Здравствуйте, продолжаем развиваться... :)
Вообщем сделал из примеров примитивный вещь, точнее вебка работает, передается сервлету, тот обрабатывает и записывает на указенный адрес т.е. своем роде получился файловый сервер :)
следовательно вопрос как записать этот фото в БД? используется EJB (JPA)
вот собственно сам код:
JSP:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script language="JavaScript" src="resources/js/jquery-2.1.3.min.js"></script>
</head>
<body>
<div>
<video id="video" width="640" height="480" autoplay="autoplay"></video>
<button id="snap">Snap Photo...</button>
<canvas id="canvas" width="640" height="480"></canvas>
</div>
<br/>
<button onclick="putImage();">send imgages</button>
<button onclick="sendImage();">Upload...</button>
<img id="MyPix" src=""/>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () {
// Grab elements, create settings, etc.
var canvas = document.getElementById("canvas"), context = canvas.getContext("2d"), video = document.getElementById("video"), videoObj = {
"video" : true
},
errBack = function (error) {
console.log("Video capture error: ", error.code);
};
// Put video listeners into place
if (navigator.getUserMedia) {
// Standard
navigator.getUserMedia(videoObj, function (stream) {
video.src = stream;
video.play();
},
errBack);
}
else if (navigator.webkitGetUserMedia) {
// WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function (stream) {
video.src = window.webkitURL.createObjectURL(stream);
video.play();
},
errBack);
}
else if (navigator.mozGetUserMedia) {
// Firefox-prefixed
navigator.mozGetUserMedia(videoObj, function (stream) {
video.src = window.URL.createObjectURL(stream);
video.play();
},
errBack);
}
},
false);
//The trigger photo take
document.getElementById("snap").addEventListener("click", function () {
var context = document.getElementById("canvas").getContext("2d");
context.drawImage(video, 0, 0, 640, 480);
});
//Pictures will be issued in img Tags
function putImage() {
var canvas = document.getElementById("canvas");
if (canvas.getContext) {
var ctx = canvas.getContext("2d");// Get the context for the canvas.
var myImage = canvas.toDataURL("image/png");// Get the data as an image.
var imageElement = document.getElementById("MyPix");// Get the img object.
imageElement.src = myImage;// Set the src to data from the canvas.
var imgData = canvas.toDataURL("image/png");
var data = imgData.substr(22);//The picture data
var length = atob(data).length;//Picture size
}
}
// Upload pictures, jQuery version
function sendImage() {
// Gets a canvas DOM object
var canvas = document.getElementById("canvas");
// Image data acquisition Base64 encoded, format string
// "data:image/png;base64,"At the beginning, in the client or server will be removed, the back part can directly write to the file.
var dataurl = canvas.toDataURL("image/png");
// Code the URI security
// At the beginning of the data%3Aimage%2Fpng%3Bbase64%2C
var imagedata = encodeURIComponent(dataurl);
//var url = $("#form").attr("action");
// 1 if the form form is not good, you can use one of the hidden hidden fields to set the request
// <input type="hidden" name="action" value="receive.jsp" />
//var url = $("input[name='action']").val();
var url = "/can";
// 2 also can directly use the attributes of an DOM object to access
// <input id="imageaction" type="hidden" action="receive.jsp">
// var url = $("#imageaction").attr("action");
// Because is string, so the server needs to be to transform data, and write file operations.
// An individual, all the HTTP parameter names lowercase
console.log(dataurl);
//console.log(imagedata);
var data = {
imagename : "myImage.png", imagedata : imagedata
};
$.post('canvasservlet',//"/canvas/can",
{
imagename : "myImage.png", imagedata : imagedata
},
function (data) {
alert('Uploaded successfully!');
},
"json");
};
</script>
</body>
</html>
а вот Сервлет:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.*;
import javax.servlet.http.*;
import sun.misc.BASE64Decoder;
public class CanvasServlet extends HttpServlet {
private static final long serialVersionUID = -6027062736656145961L;
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
this.doPost(req, resp);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse resp) throws ServletException, IOException {
System.out.println("========================================================");
String imageName = request.getParameter("imagename");
String imageData = request.getParameter("imagedata");
int success = 0;
String message = "";
if (null == imageData || imageData.length() < 100) {
// Data is too short, obviously unreasonable
message = "Failed to upload, data is too short or does not exist";
} else {
// Remove the beginning of unreasonable data
imageData = imageData.substring(30);
imageData = URLDecoder.decode(imageData, "UTF-8");
// System.out.println("++++++++++++++++++"+imageData);
byte[] data = decode(imageData);
int len = data.length;
int len2 = imageData.length();
// System.out.println("len --> "+len);
// System.out.println("len2 --> "+len2);
if (null == imageName || imageName.length() < 1) {
imageName = System.currentTimeMillis() + ".png";
}
saveImageToDisk(data, imageName);
//
success = 1;
message = "Upload successful, length: " + len2 + " character, parse the file size: " + len + " bytes";
}
// Background printing
System.out.println("message=" + message);
}
private byte[] decode(String imageData) throws IOException {
BASE64Decoder decoder = new BASE64Decoder();
byte[] data = decoder.decodeBuffer(imageData);
for (int i = 0; i < data.length; ++i) {
if (data[i] < 0) {
//Adjust the abnormal data
data[i] += 256;
}
}
return data;
}
// references:
private boolean saveImageToDisk(byte[] data, String imageName) throws IOException {
String photoPath = "D:/dsn/";
File photoPathFile = new File(photoPath);
int len = data.length;
//
// To write to a file
FileOutputStream outputStream = new FileOutputStream(new File(photoPathFile, imageName));
outputStream.write(data);
outputStream.flush();
outputStream.close();
System.out.println("Vse prowlo uspeshno!");
//
return true;
}
}
|
|
|
