jsp 신분증 사진 구현 코드
구현 아이디어는 다음과 같습니다.
1. 빨간색 천이나 파란색 천 등을 사용하여 사진을 찍을 배경을 설정합니다. 흰색 벽도 허용됩니다.
2. 로지텍 등 고화질 카메라를 선택하세요. 지원되는 해상도가 높을수록 좋습니다.
3. ImageCapOnWeb을 사용하여 사진을 처리합니다.
4. 컨트롤의 시작 메소드를 호출하여 카메라 영상 획득을 시작합니다
5. 사진 촬영을 위해 cap() 메소드를 호출합니다
6. 아바타 영역을 선택하고 만족스럽지 않으면 수동으로 미세 조정할 수 있습니다.
7. 선택한 영역을 자르려면 cutSelected 메소드를 호출하세요.
8. 사진 결과를 저장합니다.
코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>控件测试页面</title>
<script type="text/javascript">
function startCam(){
var capActivexObject=document.getElementById('cap1');
//启动摄像头
capActivexObject.start();
}
function capPicture1(){
var capActivexObject=document.getElementById('cap1');
capActivexObject.cap(); //控制摄像头拍照
}
function selectPic(){
var capActivexObject=document.getElementById('cap1');
capActivexObject.selectRect(0.3,0.25,0.6,0.8);//具体含义请查看文档
}
function cutSelectedPic(){
var capActivexObject=document.getElementById('cap1');
capActivexObject.cutSelected();
}
function submitToServer(){
//读取控件的拍照结果到hidden输入项中
var base64_data1 = document.getElementById('cap1').jpegBase64Data;
if (base64_data1.length==0) {
alert('请先拍照!');
return false;
}
document.getElementById('picData1').value=base64_data1;
document.getElementById('picExt1').value='.jpg';
/*注意不同的服务器端技术要配置不同的接收数据的url,可以参考submit.html的示
如asp.net的程序员可以查看submit.aspx，php程序员可以查看submit.php，asp程序员可以查看submit.asp
*/
//document.forms[0].action="http://localhost:8080/pages/submit.jsp";
alert('请先打开demo6.html配置服务器端程序参数再继续测试!');
return false;
document.forms[0].submit();
}
</script>
</head>
<body>
<form method="post" >
<input type="hidden" id="picData1" name="picData1"/>
<input type="hidden" id="picExt1" name="picExt1"/>
<input type="hidden" id="picData2" name="picData2"/>
<input type="hidden" id="picExt2" name="picExt2"/>
<p>
<input type="button" value="启动摄像头" onclick="javascript:startCam();" />
<input type="button" value="拍照片" onclick="javascript:capPicture1();" />
<input type="button" value="选中头像区域" onclick="javascript:selectPic();" />
<input type="button" value="裁剪选中区域" onclick="javascript:cutSelectedPic()" />
<input type="button" value="提交到服务器端" onclick="javascript:submitToServer();" /> <br/>
<input type="button" value="清除结果" onclick="javascript:document.getElementById('cap1').clear();" />
</p>
<object classid="clsid:34681DB3-58E6-4512-86F2-9477F1A9F3D8" id="cap1" width="640" height="480" codebase="../cabs/ImageCapOnWeb.cab#version=2,0,0,0">
<param name="Visible" value="0">
<param name="AutoScroll" value="0">
<param name="AutoSize" value="0">
<param name="AxBorderStyle" value="1">
<param name="Caption" value="scaner">
<param name="Color" value="4278190095">
<param name="Font" value="宋体">
<param name="KeyPreview" value="0">
<param name="PixelsPerInch" value="96">
<param name="PrintScale" value="1">
<param name="Scaled" value="-1">
<param name="DropTarget" value="0">
<param name="HelpFile" value>
<param name="PopupMode" value="0">
<param name="ScreenSnap" value="0">
<param name="SnapBuffer" value="10">
<param name="DockSite" value="0">
<param name="DoubleBuffered" value="0">
<param name="ParentDoubleBuffered" value="0">
<param name="UseDockManager" value="0">
<param name="Enabled" value="-1">
<param name="AlignWithMargins" value="0">
<param name="ParentCustomHint" value="-1">
<param name="licenseMode" value="2">
<param name="key1" value="">
<param name="key2" value="">
</object>
</form>
<script type="text/javascript">
document.all.cap1.SwitchWatchOnly(); //切换到只显示摄像头画面形式，隐藏编辑按钮等图标.
</script>
</body>
</html><%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*,java.io.*" errorPage="" %>
<%
String savePath=config.getServletContext().getRealPath("/")+"//";
File tmp_path=new File(savePath);
tmp_path.mkdirs();
System.out.println("照片数据保存路径:"+savePath);
String pic_base_64_data=request.getParameter("picData");
//如果下面的代码输出true则说明需要调整服务器软件工作参数，解决接受post数据的大小限制问题,例如
//tomcat的话需要在server.xml中配置maxPostSize="0"来解除上传数据的大小限制 <Connector port="8080" protocol="HTTP/1.1"
// connectionTimeout="20000"
// redirectPort="8443" maxPostSize="0"/>
//
System.out.println(null==pic_base_64_data);
System.out.println("base64 string length:"+pic_base_64_data.length());
String fileFormat=request.getParameter("picExt");
sun.misc.BASE64Decoder decode=new sun.misc.BASE64Decoder();
byte[] datas=decode.decodeBuffer(pic_base_64_data);
String filename=String.valueOf(System.currentTimeMillis())+fileFormat;
File file=new File(savePath+filename);
OutputStream fos=new FileOutputStream(file);
System.out.println("图片文件名称:"+filename);
fos.write(datas);
fos.close();
out.print("<a href='" + request.getContextPath()+"/"+ filename + "'>click here</a>");
out.flush();
out.close();
%>
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7321
9
1625
14
1349
46
1261
25
1209
29
jsp는 프론트엔드인가요, 백엔드인가요?
Jan 28, 2023 pm 06:23 PM
jsp는 백엔드에 속합니다. jsp의 본질은 서블릿이고, 서블릿은 서버측 자바 애플리케이션이므로 jsp는 백엔드 기술이다. JSP는 네트워크 서버에 배포되며 클라이언트가 보낸 요청에 응답하고 요청 내용을 기반으로 HTML, XML 또는 기타 형식 문서의 웹 페이지를 동적으로 생성한 다음 요청자에게 반환할 수 있습니다. JSP 기술은 Java를 스크립팅 언어로 사용하여 사용자 HTTP 요청에 대한 서비스를 제공하고 서버의 다른 Java 프로그램과 함께 복잡한 비즈니스 요구 사항을 처리할 수 있습니다.
SpringBoot 프로젝트에 JSP를 통합하는 방법
May 12, 2023 pm 07:40 PM
새 springboot 프로젝트가 생성된 후 디렉터리는 다음과 같습니다. 1단계: 프로젝트의 pom 파일에 jsp를 구성하는 데 필요한 jar 패키지 코드를 추가합니다. org.apache.tomcat.embedtomcat-embed-jasperprovided 2단계: 새 디렉터리 생성 webapp을 기본 경로 아래에 만들고, webapp 아래에 새 경로 WEB-INF를 만들고, WEB-INF 아래에 새 경로 jsp를 만든 다음, 이 경로 아래에 사용하려는 jsp 파일을 배치합니다. 3단계: 액세스 경로와 접미사 코드를 구성합니다. 기본 구성 파일의 jsp 파일: spring .mvc.view.prefix=/WEB-INF/jsp/sp
JSP 페이징 기능 구현 방법
Mar 04, 2024 pm 04:40 PM
구현 단계: 1. JSP 페이지에 JSTL 태그 라이브러리를 도입합니다. 2. 데이터를 페이징합니다. 4. 페이지에 페이징 탐색 표시줄을 표시합니다. 번호와 각 페이지, 페이징 데이터에서 해당 데이터를 가져와 페이지에 표시하면 됩니다.
jsp와 html의 차이점은 무엇입니까
Jan 09, 2024 am 10:46 AM
jsp와 html의 차이점: 1. 운영 메커니즘, 3. Java와의 관계, 5. 백엔드와의 관계, 7. 학습 및 사용의 어려움, 9. 파일 접미사 및 식별 도구 10. 커뮤니티 및 지원 자세한 소개: 1. 작동 메커니즘 HTML은 주로 웹 페이지의 내용을 설명하고 정의하는 데 사용되는 마크업 언어입니다. 클라이언트에서 실행되고 브라우저에서 실행되는 동적 웹 페이지 기술입니다. 서버 측 등이 기다려주세요.
jsp+mysql을 사용하여 웹 페이지에서 페이징 쿼리를 구현하는 방법
May 30, 2023 pm 03:58 PM
1. 페이징 쿼리를 구현하는 핵심 sql 문 (1) 데이터베이스의 전체 레코드 수를 쿼리하는 sql 문: selectcount(*)from+(table name) (2) 레코드 수를 쿼리하는 sql 문 각 쿼리: 여기서: 0은 검색된 인덱스이고, 2는 매번 검색된 항목 수입니다. select*from table namelimit0,2; 2. 코드 구현* 이전 기사에서 이 두 클래스를 작성했습니다. DBconnection 클래스: 데이터베이스 연결을 얻는 데 사용되는 Author 개체 클래스입니다. 이 두 클래스의 코드를 보려면 링크를 클릭하세요. 링크를 클릭하면 DBconnection 클래스와 Author 객체 클래스를 볼 수 있습니다. (1) 로그인 페이지: index.jsp. 여기에 제목 삽입 사용자 열
jsp는 어떤 형식인가요?
Jan 24, 2024 pm 04:01 PM
JSP는 동적 웹 기술 표준으로, 기존 웹 페이지 HTML 파일(.htm, .html)에 Java 프로그램 세그먼트(Scriptlet)와 JSP 태그(태그)를 삽입하여 JSP 파일(*.jsp)을 구성하는 것입니다.
웹 개발을 위한 Java 기술 스택: 웹 개발에 일반적으로 사용되는 Java EE, Servlet, JSP, Spring 및 기타 기술을 이해합니다.
Dec 26, 2023 pm 02:29 PM
JavaWeb 개발 기술 스택: Master JavaEE, Servlet, JSP, Spring 및 기타 웹 개발에 사용되는 기술 인터넷의 급속한 발전으로 인해 오늘날 소프트웨어 개발 분야에서 웹 애플리케이션 개발은 매우 중요한 기술 요구 사항이 되었습니다. 널리 사용되는 프로그래밍 언어인 Java는 웹 개발 분야에서도 중요한 역할을 합니다. JavaWeb 개발 기술 스택에는 JavaEE, Servlet, JSP, Spr과 같은 여러 기술이 포함됩니다.
JSP를 PHP로 대체할 수 있나요?
Mar 21, 2024 am 11:03 AM
JSP를 PHP로 대체할 수 있나요? JSP(JavaServerPages)와 PHP(HypertextPreprocessor)는 웹페이지 콘텐츠를 동적으로 생성하기 위해 일반적으로 사용되는 서버측 스크립팅 언어입니다. 각각 고유한 특성과 장점이 있지만 실제 적용에서 서로를 완전히 대체할 수 있습니까? 이 기사에서는 두 가지의 장단점을 분석하고 구체적인 코드 예제를 통해 비교해 보겠습니다. 먼저 JSP와 PHP의 각각의 특징을 살펴보자. JSP는 자바 기반이다.
