使用 HTML5 控制摄像头摄像和拍照并保存图像文件到本地和JSP上传到服务器

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>








	
	Snap Photo
	Save Photo
	

	

		 
	
	

<%@page import="java.io.FileOutputStream"%>
<%@page import="java.io.IOException"%>
<%@page import="java.io.InputStream"%>
<%@page import="java.util.base64"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>











	<%
	FileOutputStream fos = null;
	try {
		String imageString = request.getParameter("file");
		imageString = imageString.substring("data:image/png;base64,".length());
		byte[] contentData = imageString.getBytes();
		byte[] decodedData = base64.getDecoder().decode(contentData);
		String imgName = request.getServletContext().getRealPath("uploadFiles") + "\" + String.valueOf(System.currentTimeMillis()) + ".png";
		out.println(imgName);
		fos = new FileOutputStream(imgName);
		fos.write(decodedData);
	} catch (Exception e) {
		e.printStackTrace();
	} finally {
		if (fos != null) {
			fos.close();
		}
	}
	%>