Heim Backend-Entwicklung PHP-Tutorial JSP-ID-Foto-Implementierungscode

JSP-ID-Foto-Implementierungscode

Nov 29, 2016 am 10:21 AM
JavaScript jsp

Die Umsetzungsideen lauten wie folgt:

1. Richten Sie den Hintergrund zum Fotografieren ein, z. B. mit rotem oder blauem Stoff usw. Weiße Wände sind ebenfalls akzeptabel.

2. Wählen Sie eine hochauflösende Kamera, z. B. von Logitech und anderen hochauflösenden Kameras. Je höher die unterstützte Auflösung, desto besser.

3. Verwenden Sie ImageCapOnWeb, um Fotos zu verarbeiten.

4. Rufen Sie die Startmethode des Steuerelements auf, um mit der Erfassung des Kameravideos zu beginnen.

5. Rufen Sie die Methode cap() auf, um Bilder aufzunehmen.

Um den Avatar-Bereich auszuwählen, können Sie eine manuelle Feinabstimmung vornehmen.

7. Rufen Sie die Methode „cutSelected“ auf, um den ausgewählten Bereich zuzuschneiden

8.

Der Code lautet wie folgt:

<!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(&#39;cap1&#39;);
//启动摄像头
capActivexObject.start();
}
function capPicture1(){
var capActivexObject=document.getElementById(&#39;cap1&#39;);
capActivexObject.cap(); //控制摄像头拍照
}
function selectPic(){
var capActivexObject=document.getElementById(&#39;cap1&#39;);
capActivexObject.selectRect(0.3,0.25,0.6,0.8);//具体含义请查看文档
}
function cutSelectedPic(){
var capActivexObject=document.getElementById(&#39;cap1&#39;);
capActivexObject.cutSelected();
}
function submitToServer(){
//读取控件的拍照结果到hidden输入项中
var base64_data1 = document.getElementById(&#39;cap1&#39;).jpegBase64Data;
if (base64_data1.length==0) {
alert(&#39;请先拍照!&#39;);
return false;
}
document.getElementById(&#39;picData1&#39;).value=base64_data1;
document.getElementById(&#39;picExt1&#39;).value=&#39;.jpg&#39;;
/*注意不同的服务器端技术要配置不同的接收数据的url,可以参考submit.html的示
如asp.net的程序员可以查看submit.aspx,php程序员可以查看submit.php,asp程序员可以查看submit.asp
*/
//document.forms[0].action="http://localhost:8080/pages/submit.jsp";
alert(&#39;请先打开demo6.html配置服务器端程序参数再继续测试!&#39;);
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(&#39;cap1&#39;).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>
Nach dem Login kopieren
<%@ 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=&#39;" + request.getContextPath()+"/"+ filename + "&#39;>click here</a>");
out.flush();
out.close();
%>
Nach dem Login kopieren


Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ist JSP Front-End oder Back-End? Ist JSP Front-End oder Back-End? Jan 28, 2023 pm 06:23 PM

jsp gehört zum Backend. Der Kern von JSP ist ein Servlet, und Servlet ist eine serverseitige Java-Anwendung, sodass JSP eine Back-End-Technologie ist. JSP wird auf dem Netzwerkserver bereitgestellt und kann auf vom Client gesendete Anforderungen reagieren und basierend auf dem Anforderungsinhalt dynamisch Webseiten in HTML, XML oder anderen Formatformaten generieren und diese dann an den Anforderer zurücksenden. Die JSP-Technologie verwendet Java als Skriptsprache, um Dienste für HTTP-Anforderungen von Benutzern bereitzustellen, und kann komplexe Geschäftsanforderungen zusammen mit anderen Java-Programmen auf dem Server bewältigen.

Was ist der Unterschied zwischen JSP und HTML? Was ist der Unterschied zwischen JSP und HTML? Jan 09, 2024 am 10:46 AM

Der Unterschied zwischen JSP und HTML: 1. Betriebsmechanismus; 3. Beziehung zu Java; 9. Dateisuffixe und Identifizierungstools; 10. Community und Support; Detaillierte Einführung: 1. Betriebsmechanismus. HTML ist eine Auszeichnungssprache, die hauptsächlich zum Beschreiben und Definieren des Inhalts von Webseiten verwendet wird. Sie wird vom Browser interpretiert und ausgeführt die Serverseite usw. warten.

So integrieren Sie JSP in ein SpringBoot-Projekt So integrieren Sie JSP in ein SpringBoot-Projekt May 12, 2023 pm 07:40 PM

Nachdem das neue Springboot-Projekt erstellt wurde, lautet das Verzeichnis wie folgt: Schritt 1: Fügen Sie den zum Konfigurieren von JSP erforderlichen JAR-Paketcode zur POM-Datei des Projekts hinzu: org.apache.tomcat.embedtomcat-embed-jasperprovided Schritt 2: Erstellen Sie ein neues Verzeichnis webapp unter dem Hauptpfad, erstellen Sie einen neuen Pfad WEB-INF unter webapp, erstellen Sie einen neuen Pfad jsp unter WEB-INF und platzieren Sie die JSP-Datei, die wir verwenden möchten, unter diesem Pfad. Schritt 3: Konfigurieren Sie den Zugriffspfad und den Suffixcode von die JSP-Datei in der Hauptkonfigurationsdatei: spring .mvc.view.prefix=/WEB-INF/jsp/sp

So implementieren Sie die JSP-Paging-Funktion So implementieren Sie die JSP-Paging-Funktion Mar 04, 2024 pm 04:40 PM

Implementierungsschritte: 1. Führen Sie die JSTL-Tag-Bibliothek in die JSP-Seite ein. 3. Paginieren Sie die Daten. 5. Zeigen Sie die Nummer entsprechend der aktuellen Seite an Rufen Sie einfach die entsprechenden Daten aus den Paging-Daten ab und zeigen Sie sie auf der Seite an.

So verwenden Sie JSP + MySQL, um Paging-Abfragen auf Webseiten zu implementieren So verwenden Sie JSP + MySQL, um Paging-Abfragen auf Webseiten zu implementieren May 30, 2023 pm 03:58 PM

1. Die Kern-SQL-Anweisung zum Implementieren der Paging-Abfrage (1) Die SQL-Anweisung zum Abfragen der Gesamtzahl der Datensätze in der Datenbank: selectcount(*)from+(table name); (2) Die SQL-Anweisung zum Abfragen der Anzahl der Datensätze jede Abfrage: wobei: 0 der durchsuchte Index ist, 2 die Anzahl der jedes Mal durchsuchten Elemente ist. select*from table name limit0,2; 2. Code-Implementierung* Ich habe diese beiden Klassen im vorherigen Artikel geschrieben, DBconnection-Klasse: Wird zum Abrufen von Datenbankverbindungen verwendet, Author-Objektklasse. Klicken Sie auf den Link, um den Code für diese beiden Klassen anzuzeigen. Klicken Sie auf den Link, um die DBconnection-Klasse und die Author-Objektklasse (1) anzuzeigen. Anmeldeseite: index.jsp. Fügen Sie hier die Benutzerspalte „title“ ein

Kann JSP durch PHP ersetzt werden? Kann JSP durch PHP ersetzt werden? Mar 21, 2024 am 11:03 AM

Kann JSP durch PHP ersetzt werden? JSP (JavaServerPages) und PHP (HypertextPreprocessor) sind häufig verwendete serverseitige Skriptsprachen zur dynamischen Generierung von Webseiteninhalten. Obwohl sie jeweils ihre eigenen Eigenschaften und Vorteile haben, können sie sich in der praktischen Anwendung gegenseitig vollständig ersetzen? In diesem Artikel werden die Vor- und Nachteile der beiden analysiert und anhand spezifischer Codebeispiele verglichen. Schauen wir uns zunächst die jeweiligen Eigenschaften von JSP und PHP an. JSP basiert auf Java

Welches Format ist JSP? Welches Format ist JSP? Jan 24, 2024 pm 04:01 PM

​JSP ist ein dynamischer Webtechnologiestandard. Sein Dateiformat besteht darin, Java-Programmsegmente (Scriptlet) und JSP-Tags (Tags) in herkömmliche Webseiten-HTML-Dateien (.htm, .html) einzufügen, um JSP-Dateien (*.jsp) zu bilden.

Java-Technologie-Stack für die Webentwicklung: Verstehen Sie Java EE, Servlet, JSP, Spring und andere Technologien, die häufig in der Webentwicklung verwendet werden Java-Technologie-Stack für die Webentwicklung: Verstehen Sie Java EE, Servlet, JSP, Spring und andere Technologien, die häufig in der Webentwicklung verwendet werden Dec 26, 2023 pm 02:29 PM

JavaWeb-Entwicklungstechnologie-Stack: Beherrschen Sie JavaEE, Servlet, JSP, Spring und andere für die Webentwicklung verwendete Technologien. Mit der rasanten Entwicklung des Internets ist die Entwicklung von Webanwendungen im heutigen Bereich der Softwareentwicklung zu einer sehr wichtigen technischen Anforderung geworden. Als weit verbreitete Programmiersprache spielt Java auch im Bereich der Webentwicklung eine wichtige Rolle. Der JavaWeb-Entwicklungstechnologie-Stack umfasst mehrere Technologien wie JavaEE, Servlet, JSP, Spr

See all articles