|
|
|
สอบถามวิธีบันทึก path ลงดาต้าเบส แต่เก็บรูปไว้ในโฟลเดอร์ค่ะ |
|
|
|
|
|
|
|
สวัสดีค่ะ คือตอนนี้สามารถเซฟรูปไว้ในดฟลดเดอรืที่กำหนดได้แล้วค่ะ แต่อยากทราบวิธีเอา path ไปไว้ใน ดาต้าเบส จ้า
มีตัวอย่างโค้ดค่ะ เพิ่งเริ่มเขียนอาจจะไม่เรียบร้อยมากนะคะ ^^
โค้ดหน้าฟอร์ม
Code (PHP)
$host="localhost";
$user="root";
$password="1234";
$dbname="helpdesk";
$connection=mysql_connect($host,$user,$password)or die("????????????????????????");
mysql_select_db($dbname) or die("??????????????????????????");
mysql_query("SET NAMES UTF8"); ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Signature Pad & Canvas Image</title>
<link href="./css/jquery.signaturepad.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="./js/numeric-1.2.6.min.js"></script>
<script src="./js/bezier.js"></script>
<script src="./js/jquery.signaturepad.js"></script>
<script type='text/javascript' src="https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js"></script>
<script src="./js/json2.min.js"></script>
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<style>
td {
border: 1px solid black;
text-align: left;
}
table {
border: thick solid black; width: 100%; s
}
#testTable {
width : 350px;
margin-left: auto;
margin-right: auto;
}
#tablePagination {
background-color: #DCDCDC;
font-size: 0.8em;
padding: 0px 5px;
height: 20px
}
#tablePagination_paginater {
margin-left: auto;
margin-right: auto;
}
#tablePagination img {
padding: 0px 2px;
}
#tablePagination_perPage {
float: left;
}
#tablePagination_paginater {
float: right;
}
#RadioGroup1_0 {
text-align: center;
}
td {
text-align: center;
}
</style>
<body bgcolor="silver">
<p>
<style type="text/css">
body{
font-family:monospace;
text-align:center;
}
#btnSaveSign {
color: #fff;
background: #f99a0b;
padding: 5px;
border: none;
border-radius: 5px;
font-size: 20px;
margin-top: 10px;
}
#signArea{
width:304px;
margin: 50px auto;
}
.sign-container {
width: 60%;
margin: auto;
}
.sign-preview {
width: 150px;
height: 50px;
border: solid 1px #CFCFCF;
margin: 10px 5px;
}
.tag-ingo {
font-family: cursive;
font-size: 12px;
text-align: left;
font-style: oblique;
}
.date {
text-align: left;
}
.detail {
text-align: left;
font-weight: bold;
}
.center {
text-align: center;
}
.left {
}
</style>
</head>
<body>
<h2>??????????????</h2>
<form class="form-horizontal" role="form" method="post" action="index.php">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Date </label>
<div class="col-sm-10">
<input type="date" name="txtdate" id="txtdate" class="text-primary">
</div>
</div>
<div class="form-group">
<div class="col-sm-10"></div>
</div>
<div class="form-group">Detail for Work
<div class="col-sm-10">
<textarea class="form-control" rows="4" name="message"></textarea>
</div>
</div>
<div class="form-group">
<label for="human" class="col-sm-2 control-label">Section</label>
<div class="col-sm-10">
<select name="section2" id="section2">
<option value="">----choose----</option>
<?php
$sql="SELECT * FROM dbdept ORDER BY DepID ";
$dbquery=mysql_query($sql);
while($re=mysql_fetch_array($dbquery)){
$catiD=$re[DepID];
$catname=$re[DepName];
?>
<option value="<? echo $catiD ?>"><? echo $catname ?></option>
<? } ?>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<p>Time</p>
<p>Start
<input name="txtTimeStart" type="time" class="caption" id="txtTimeStart" />
End
<input name="txtTimeEnd" type="time" class="caption" id="txtTimeEnd" />
</p>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<p>Result for work </p>
<p>
<label>
<input type="radio" name="RadGroupResult" value="radio" id="RadGroupresult_0" />Success</label>
<br />
<label>
<input type="radio" name="RadGroupResult" value="radio" id="RadGroupresult_1" />No Success</label>
</p>
<p>Remark </p>
<p><span class="col-sm-10">
<textarea class="form-control" rows="4" name="msgRemark"></textarea>
</span></p>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<! Will be used to display an alert to the user>
</div>
</div>
<div id="signArea" >
<h2 class="tag-ingo">Put signature below,</h2>
<div class="sig sigWrapper" style="height:auto;">
<div class="typed"></div>
<canvas class="sign-pad" id="sign-pad" width="300" height="100"></canvas>
</div>
</div>
<button id="btnSaveSign" name="btnSave" value="submit"> Save </button>
<div class="sign-container">
<?php
$image_list = glob("./doc_signs/*.png");
foreach($image_list as $image){
//echo $image;
?>
<img src="<?php echo $image; ?>" class="sign-preview" />
<?php
}
?>
</div></form>
<script>
$(document).ready(function() {
$('#signArea').signaturePad({drawOnly:true, drawBezierCurves:true, lineTop:90});
});
$("#btnSaveSign").click(function(e){
html2canvas([document.getElementById('sign-pad')], {
onrendered: function (canvas) {
var canvas_img_data = canvas.toDataURL('image/png');
var img_data = canvas_img_data.replace(/^data:image\/(png|jpg);base64,/, "");
//ajax call to save image inside folder
$.ajax({
url: 'save_sign.php',
data: { img_data:img_data },
type: 'post',
dataType: 'json',
success: function (response) {
window.location.reload();
}
});
}
});
});
</script>
</body>
</html>
Code (PHP)
[php]Code (PHP)
[php]
[/php]
โค้ดบันทึกค่ะ
Code (PHP)
<?
$host="localhost";
$user="root";
$password="1234";
$dbname="helpdesk";
$connection=mysql_connect($host,$user,$password)or die("????????????????????????");
mysql_select_db($dbname) or die("??????????????????????????");
mysql_query("SET NAMES UTF8");
mysql_query("ALTER TABLE dbwork AUTO_INCREMENT = 1");
//$name=$_POST['txtName'];
//$Draw=$_POST['sigdiv'];
$image_list = glob("./doc_signs/*.png");
foreach($image_list as $image){
}//echo $image;}
$str = "INSERT INTO dbwork";
$str .= "(Date,Detail,Section,TimeStart,TimeEnd,Result,Remark,Sign)";
$str .= "VALUES";
//$str .= ('".$_POST['txtName']."','".$_POST['sigdiv']."')" ;
$str .="('".$_POST['txtdate']."','".$_POST['message']."','".$_POST['section2']."','".$_POST['txtTimeStart']."','".$_POST['txtTimeEnd']."'";
$str .=",'".$_POST['RadGroupResult']."','".$_POST['msgRemark']."','".$image_list."')";
$Query = mysql_query($str);
if ($Query){
echo "success";
}
else
{
echo "Error Save ";
}
?>
Tag : PHP, MySQL
|
ประวัติการแก้ไข 2019-04-26 09:31:46 2019-04-26 09:32:29 2019-04-26 09:33:11
|
|
|
|
|
Date :
2019-04-26 09:30:21 |
By :
parparpar |
View :
1404 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
กรณีที่ folder ที่เก็บไฟล์ เป็น dynamic คือเปลี่ยนแปลงได้ ก็ให้เก็บเฉพาะส่วนที่ เปลี่ยนแปลง
แต่ถ้า ไม่เปลี่ยน อยู่ที่เดียวตลอด ก็เก็บเฉพาะชื่อไฟล์ ก็พอ จะได้ไม่กินพื้นที่ในการเก็บ
ใช้ main code เป็นตัวรวมพาท + ชื่อไฟล์
และก็ ศึกษาเรื่อง mysql::prepare ด้วย โค๊ดแบบที่คุณเขียนอยู่นี้ โดนแฮ๊คง่ายๆ
|
|
|
|
|
Date :
2019-04-26 10:46:10 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|