|
 |
| |
ต้องการติดต่อกล้อง webcam จากนั้นเมื่อกด button ให้ capture ภาพนั้นเก็บนั้นไว้ในตัวแปร แล้วทำการsave ลงฐานข้อมู php ร่วมกับ sql server ขอบคุณมากๆครับ |
| |
 |
|
|
 |
 |
|
ต้องการติดต่อกล้อง webcam จากนั้นเมื่อกด button ให้ capture ภาพนั้นเก็บนั้นไว้ในตัวแปร แล้วทำการsave ลงฐานข้อมู php ร่วมกับ sql server และอยากให้เก็บชื้อไฟล์ลง sql และเก็บภาพลงใน folder โดยที่ folder นั้นต้องสร้างขึ้นาใหม่ทุกวัน ขอบคุณมากๆครับ
ไฟล์ : captur.php
Code (PHP)
<?php
echo "<center><p>เก็บภาพถ่ายพนักงาน</p></center><br/>";
?>
<html>
<title></title>
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type='text/javascript' src='webcam.js'></script>
<script language='JavaScript'>
function check_cam(){
if(document.getElementById("r_file").checked!=false){
alert("กรุณาถ่ายภาพพนักงานก่อนบันทึกข้อมูล");
return false;
}
return true;
}
function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
webcam.set_api_url( 'cam.php?pn_nowbdt=".$tbl_lock->rows[0]["bookingdt"]."&ndate=".ncaextdate(ncanow(), "yndhis")."' );
webcam.set_quality(100);
webcam.set_shutter_sound( true );
webcam.set_hook( 'onComplete', 'my_completion_handler' );
function take_snapshot(){
webcam.snap();
}
function reset_shot(){
webcam.reset();
}
function my_completion_handler(msg) {
// extract URL out of PHP output
//if (msg.match(/(http\:\/\/\S+)/)) {
// show JPEG image in page
//alert(msg);
document.getElementById('ID_img_path').value = msg;
document.getElementById('upload_results').innerHTML ='<h3>ถ่ายภาพ เรียบร้อยแล้ว กรุณาระบุหมายเหตุด้วยค่ะ</h2>';
// reset camera for another shot
// webcam.reset();
//}else{
//}
}
</script>
</head>
<body>
<form name="capwcam" id"capwcam" method="post" action="" onsubmit="return check_cam();">
<center>
<table width='' border = '1' >
<tr>
<td align='center'>
<font size=2 style="color:red;"><b>กรุณาถ่ายภาพตอนตรวจวัดแอลกอฮอล์</b></font>
</td>
</tr>
<tr>
<td>
<center>
<input type="checkbox" id="r_file" name="r_file" onclick="showMe('d_cam', this)">ถ่ายรูป
</center>
</td>
</tr>
</table>
<br/>
</center>
<!--==================================webcam===================================-->
<div id='d_cam' name='d_cam' style='display:none;'>
<table align='center' border = ''>
<tr>
<td align='center'>
<script language='JavaScript'>
document.write( webcam.get_html(280, 200) );
</script>
</td>
</tr>
<tr>
<td align='center'>
<input type=button value='ถ่ายภาพ' onClick='take_snapshot()' >
<input type=button value='เริ่มใหม่' onClick='reset_shot()' >
<input type=button value='ตั้งค่า' onClick='webcam.configure()' >
</td>
</tr>
</table>
</div>
<center>
<input type="submit" name="subpic" id="subpic" value="บันทึกข้อมูลภาพถ่าย" >
</center>
</form>
</body>
</html>
ไฟล์ : cam.php
Code (PHP)
<?php
session_start();
#include 'connection.php';
$val = $_GET['pn_nowbdt'] ;
$ndate = $_GET['ndate'] ;
#echo $val;
#exit();
$lc_directory = 'fielstorage/';
#$newname="images/".$name."_".$val.".jpg";
$name = $val."_".$ndate.".jpg";
$pathname= $lc_directory.$name;
$file = file_put_contents($pathname, file_get_contents('php://input'));
if (!$file) {
print "ERROR: Failed to write data to $filename, check permissions\n";
exit();
}
#else
#{
# $sql="Insert into entry(images) values('$newname')";
# $result=mysqli_query($con,$sql)
# or die("Error in query");
# $value=mysqli_insert_id($con);
# $_SESSION["myvalue"]=$value;
#}
#$url = 'http://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['REQUEST_URI']) . '/' . $newname;
#echo $name;
print "$name";
?>
ไฟล์ : prc_upload.php
Code (PHP)
<?
$inc_usencajax = true;
include("../../include/include.inc.php");
$lc_directory = 'fielstorage';
echo "<br>lc=", $lc_directory;
if($_FILES["kc_file"]["size"] > 200000)
{
echo "<script>alert('ไฟล์มีขนาดใหญ่เกินกว่า 200 k');".
"top.document.getElementById('ID_kc_file').value='';".
"</script>";
}
//else if(strchr($_FILES["kc_file"]["name"],".") == ".JPG" || strchr($_FILES["kc_file"]["name"],".") == ".GIF" || strchr($_FILES["kc_file"]["name"],".") == ".BMP" || strchr($_FILES["kc_file"]["name"],".") == ".JPEG" || strchr($_FILES["kc_file"]["name"],".") == ".jpg" || strchr($_FILES["kc_file"]["name"],".") == ".gif" || strchr($_FILES["kc_file"]["name"],".") == ".bmp" || strtoupper(strchr($_FILES["kc_file"]["name"],".")) == ".PDF" )
else if(strchr($_FILES["kc_file"]["name"],".") == ".JPG" || strchr($_FILES["kc_file"]["name"],".") == ".JPEG" || strchr($_FILES["kc_file"]["name"],".") == ".jpg" )
{
$result = 0;
//$c = $pn_uploadpk.strchr($_FILES["kc_file"]["name"],".");
$c = $pn_uploadpk.".jpg";
if($_FILES['kc_file']['size']<1)
{
$c ='';
}
echo"<br>target=", $target_path = $lc_directory."/".$c;
if(move_uploaded_file($_FILES['kc_file']['tmp_name'], $target_path))
{
echo
"<script>".
"parent.document.getElementById('ID_frm_rpt').submit();".
"</script>".
"";
}
echo "<br>compleed";
//}
}
else
{
//if( $pn_chkidno )
//{
echo "<script>alert('ไฟล์ที่อัพโหลดไม่ถูกต้อง');".
//"alert(top.document.getElementById('ID_kc_file'));".
//"alert('".$_FILES["kc_file"]["size"]."');".
//"top.document.getElementById('ID_kc_file').value='';".
//"top.document.getElementById('ID_img').src='about:blank';".
"</script>";
//echo "<script>js_loadpage(parent, '".$lc_location."?pn_member=".$ln_member."&pn_resp=".$pn_resp."');</script>";
//}
}
?>
ไฟล์ : webcam.jsCode (JavaScript)
/* JPEGCam v1.0.9 */
/* Webcam library for capturing JPEG images and submitting to a server */
/* Copyright (c) 2008 - 2009 Joseph Huckaby <[email protected]> */
/* Licensed under the GNU Lesser Public License */
/* http://www.gnu.org/licenses/lgpl.html */
/* Usage:
<script language="JavaScript">
document.write( webcam.get_html(320, 240) );
webcam.set_api_url( 'test.php' );
webcam.set_hook( 'onComplete', 'my_callback_function' );
function my_callback_function(response) {
alert("Success! PHP returned: " + response);
}
</script>
<a href="javascript:void(webcam.snap())">Take Snapshot</a>
*/
// Everything is under a 'webcam' Namespace
window.webcam = {
version: '1.0.9',
// globals
ie: !!navigator.userAgent.match(/MSIE/),
protocol: location.protocol.match(/https/i) ? 'https' : 'http',
callback: null, // user callback for completed uploads
swf_url: 'webcam.swf', // URI to webcam.swf movie (defaults to cwd)
shutter_url: 'shutter.mp3', // URI to shutter.mp3 sound
api_url: '', // URL to upload script
loaded: false, // true when webcam movie finishes loading
quality: 90, // JPEG quality (1 - 100)
shutter_sound: true, // shutter sound effect on/off
stealth: false, // stealth mode (do not freeze image upon capture)
hooks: {
onLoad: null,
onComplete: null,
onError: null
}, // callback hook functions
set_hook: function(name, callback) {
// set callback hook
// supported hooks: onLoad, onComplete, onError
if (typeof(this.hooks[name]) == 'undefined')
return alert("Hook type not supported: " + name);
this.hooks[name] = callback;
},
fire_hook: function(name, value) {
// fire hook callback, passing optional value to it
if (this.hooks[name]) {
if (typeof(this.hooks[name]) == 'function') {
// callback is function reference, call directly
this.hooks[name](value);
}
else if (typeof(this.hooks[name]) == 'array') {
// callback is PHP-style object instance method
this.hooks[name][0][this.hooks[name][1]](value);
}
else if (window[this.hooks[name]]) {
// callback is global function name
window[ this.hooks[name] ](value);
}
return true;
}
return false; // no hook defined
},
set_api_url: function(url) {
// set location of upload API script
this.api_url = url;
},
set_swf_url: function(url) {
// set location of SWF movie (defaults to webcam.swf in cwd)
this.swf_url = url;
},
get_html: function(width, height, server_width, server_height) {
// Return HTML for embedding webcam capture movie
// Specify pixel width and height (640x480, 320x240, etc.)
// Server width and height are optional, and default to movie width/height
if (!server_width) server_width = width;
if (!server_height) server_height = height;
var html = '';
var flashvars = 'shutter_enabled=' + (this.shutter_sound ? 1 : 0) +
'&shutter_url=' + escape(this.shutter_url) +
'&width=' + width +
'&height=' + height +
'&server_width=' + server_width +
'&server_height=' + server_height;
if (this.ie) {
html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="swflash.cab#version=9,0,0,0" width="'+width+'" height="'+height+'" id="webcam_movie" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="'+this.swf_url+'" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="'+flashvars+'"/></object>';
}
else {
html += '<embed id="webcam_movie" src="'+this.swf_url+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="'+width+'" height="'+height+'" name="webcam_movie" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+flashvars+'" />';
}
this.loaded = false;
return html;
},
get_movie: function() {
// get reference to movie object/embed in DOM
if (!this.loaded) return alert("ไม่พบอุปกรณ์ การถ่ายภาพ !");
var movie = document.getElementById('webcam_movie');
if (!movie) alert("ERROR: Cannot locate movie 'webcam_movie' in DOM");
return movie;
},
set_stealth: function(stealth) {
// set or disable stealth mode
this.stealth = stealth;
},
snap: function(url, callback, stealth) {
// take snapshot and send to server
// specify fully-qualified URL to server API script
// and callback function (string or function object)
if (callback) this.set_hook('onComplete', callback);
if (url) this.set_api_url(url);
if (typeof(stealth) != 'undefined') this.set_stealth( stealth );
this.get_movie()._snap( this.api_url, this.quality, this.shutter_sound ? 1 : 0, this.stealth ? 1 : 0 );
},
freeze: function() {
// freeze webcam image (capture but do not upload)
this.get_movie()._snap('', this.quality, this.shutter_sound ? 1 : 0, 0 );
},
upload: function(url, callback) {
// upload image to server after taking snapshot
// specify fully-qualified URL to server API script
// and callback function (string or function object)
if (callback) this.set_hook('onComplete', callback);
if (url) this.set_api_url(url);
this.get_movie()._upload( this.api_url );
},
reset: function() {
// reset movie after taking snapshot
this.get_movie()._reset();
},
configure: function(panel) {
// open flash configuration panel -- specify tab name:
// "camera", "privacy", "default", "localStorage", "microphone", "settingsManager"
if (!panel) panel = "camera";
this.get_movie()._configure(panel);
},
set_quality: function(new_quality) {
// set the JPEG quality (1 - 100)
// default is 90
this.quality = new_quality;
},
set_shutter_sound: function(enabled, url) {
// enable or disable the shutter sound effect
// defaults to enabled
this.shutter_sound = enabled;
this.shutter_url = url ? url : 'shutter.mp3';
},
flash_notify: function(type, msg) {
// receive notification from flash about event
switch (type) {
case 'flashLoadComplete':
// movie loaded successfully
this.loaded = true;
this.fire_hook('onLoad');
break;
case 'error':
// HTTP POST error most likely
if (!this.fire_hook('onError', msg)) {
//alert("JPEGCam Flash Error: " + msg);
}
break;
case 'success':
// upload complete, execute user callback function
// and pass raw API script results to function
this.fire_hook('onComplete', msg.toString());
break;
default:
// catch-all, just in case
//alert("jpegcam flash_notify: " + type + ": " + msg);
break;
}
}
};
Tag : PHP, JavaScript, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2016-12-16 10:17:41 |
By :
jkh |
View :
4115 |
Reply :
6 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ตอนนี้ติดปัญหาอะไรครับ
|
| |
|
|
| |
| Date :
2016-12-17 12:47:21 |
By :
deawx |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
บันทึกลงฐานข้อมูลและต้องสร้าง โฟร์เดอร์เก็บรูปอัตโนมัติทุกวันครับ
|
| |
|
|
| |
| Date :
2016-12-18 13:39:18 |
By :
jkh |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
$dirname = date("d");
$filename = "/folder/" . $dirname . "/";
if (!file_exists($filename)) {
mkdir("folder/" . $dirname, 0777);
echo "The directory $dirname was successfully created.";
exit;
} else {
echo "The directory $dirname exists.";
}
|
| |
|
|
| |
| Date :
2016-12-19 11:01:40 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอถามอีกข้อนะครับ การจะเก็บชื่อของรูปลงฐานข้อมูล ต้องทำอย่างไรครับ และอยากทราบว่าขณะที่เราถ่ายรูปได้แล้วรูปและชื่อรูปมันไปอยู่ตัวแปรไหนครับ หรือว่าเราต้องสร้าง textbox เข้ามารับค่าของรูปครับ
|
| |
|
|
| |
| Date :
2016-12-20 16:16:06 |
By :
jkh |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อยู่ในตัวแปร $_FILES["kc_file"]["name"]
|
| |
|
|
| |
| Date :
2016-12-21 09:17:26 |
By :
{Cyberman} |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
$_FILES["kc_file"]["name"] คือตัวแปรตัวนี้้รับค่าที่ return มาจาก file ที่เก็บรูปลง folder ใช่ป่าวครับ แล้วตัวที่ return ค่า กลับมามันเป็นตัวไหนครับ ขอบคุณครับ k.กระบี่อยู่ที่ใจ
|
| |
|
|
| |
| Date :
2016-12-21 09:38:01 |
By :
jkh |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
