jsp証明写真実装コード
実装アイデアは次のとおりです:
1. 赤い布や青い布などを使用するなど、写真を撮るための背景を設定します。白い壁も使用できます。
2. Logitech やその他の高解像度カメラなど、サポートされている解像度が高いほど優れています。
3. ImageCapOnWeb を使用して写真を処理します。
4. コントロールの start メソッドを呼び出して、カメラ ビデオの取得を開始します
5. cap() メソッドを呼び出して、写真を撮影します
6. 満足できない場合は、selectRect メソッドを呼び出します。手動で微調整できます。
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ヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7322
9
1625
14
1349
46
1261
25
1209
29
JSP はフロントエンドですか、それともバックエンドですか?
Jan 28, 2023 pm 06:23 PM
jsp はバックエンドに属します。 jsp の本質はサーブレットであり、サーブレットはサーバー側の Java アプリケーションであるため、jsp はバックエンド テクノロジです。 JSP はネットワーク サーバー上に展開され、クライアントから送信されたリクエストに応答し、リクエストの内容に基づいて HTML、XML、またはその他の形式のドキュメントの Web ページを動的に生成し、リクエスターに返します。 JSP テクノロジは、Java をスクリプト言語として使用して、ユーザーの HTTP 要求にサービスを提供し、サーバー上の他の Java プログラムとともに複雑なビジネス要件を処理できます。
SpringBootプロジェクトにJSPを統合する方法
May 12, 2023 pm 07:40 PM
新しい springboot プロジェクトが作成された後のディレクトリは次のようになります。 ステップ 1: jsp の構成に必要な jar パッケージ コードをプロジェクトの pom ファイルに追加します: 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. データベースからデータを取得する; 3. データをページングする; 4. ページにページング ナビゲーション バーを表示する; 5. 現在のページに応じて番号を表示する番号と各ページを指定し、ページングデータから対応するデータを取得してページ上に表示するだけです。
jspとhtmlの違いは何ですか
Jan 09, 2024 am 10:46 AM
jspとhtmlの違い: 1. 動作の仕組み; 2. 目的; 3. Javaとの関係; 4. 機能; 5. バックエンドとの関係; 6. 速度; 7. 保守性と拡張性; 8. 学習と使用の難易度; 9. ファイルサフィックスと識別ツール; 10. コミュニティとサポート; 11. セキュリティ。詳細な紹介: 1. 動作メカニズム. HTML は、主に Web ページのコンテンツの記述と定義に使用されるマークアップ言語です. クライアント上で実行され、ブラウザによって解釈および実行されます. JSP は、上で実行される動的 Web ページ テクノロジですサーバー側などは待ちます。
jsp+mysqlを使用してWebページにページングクエリを実装する方法
May 30, 2023 pm 03:58 PM
1. ページング クエリを実装するためのコア SQL ステートメント (1) データベース内のレコードの総数をクエリする SQL ステートメント: selectcount(*)from+(table name); (2) レコード数をクエリする SQL ステートメント各クエリ: ここで、0 は検索インデックス、2 は毎回検索される項目の数です。 select*from table name limit0,2; 2. コードの実装* 前回の記事で、データベース接続を取得するために使用される DBconnection クラス、Author オブジェクト クラスの 2 つのクラスを作成しました。リンクをクリックして、これら 2 つのクラスのコードを表示します。リンクをクリックすると、DBconnection クラスと Author オブジェクト クラスが表示されます (1) ログイン ページ:index.jsp。ユーザー列にタイトルを挿入
jspとはどのような形式ですか?
Jan 24, 2024 pm 04:01 PM
JSP は動的 Web テクノロジ標準であり、そのファイル形式は、Java プログラム セグメント (スクリプトレット) と JSP タグ (タグ) を従来の Web ページ HTML ファイル (.htm、.html) に挿入して JSP ファイル (*.jsp ) を形成するものです。
Web 開発のための Java テクノロジー スタック: Java EE、サーブレット、JSP、Spring、および Web 開発で一般的に使用されるその他のテクノロジーを理解します。
Dec 26, 2023 pm 02:29 PM
JavaWeb 開発技術スタック: JavaEE、Servlet、JSP、Spring など Web 開発に使用される技術をマスターする インターネットの急速な発展に伴い、今日のソフトウェア開発分野では、Web アプリケーションの開発が非常に重要な技術要件となっています。 Java は広く使用されているプログラミング言語として、Web 開発の分野でも重要な役割を果たしています。 JavaWeb 開発テクノロジ スタックには、JavaEE、サーブレット、JSP、Spr などの複数のテクノロジが含まれます。
JSP を PHP に置き換えることはできますか?
Mar 21, 2024 am 11:03 AM
JSP を PHP に置き換えることはできますか? JSP (JavaServerPages) と PHP (HypertextPreprocessor) は、Web ページ コンテンツを動的に生成するために一般的に使用されるサーバー側スクリプト言語です。それぞれに独自の特徴と利点がありますが、実際のアプリケーションでは完全に相互に置き換えることができますか?この記事では、2 つの利点と欠点を分析し、具体的なコード例を通じて比較します。まずはJSPとPHPそれぞれの特徴を見ていきましょう。 JSP は Java ベースの
