Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > มือใหม่สอบถามค่ะ ในdatabase ต้องการเก็บแค่ path ของรูป (ข้อมูลที่ใส่เข้าไปเป็นรูปลายเซ็น)



 

มือใหม่สอบถามค่ะ ในdatabase ต้องการเก็บแค่ path ของรูป (ข้อมูลที่ใส่เข้าไปเป็นรูปลายเซ็น)

 



Topic : 126067



โพสกระทู้ ( 56 )
บทความ ( 0 )



สถานะออฟไลน์




ขอสอบถามผู้รู้หน่อยค่ะ

ถ้าในdatabase ต้องการเก็บแค่ path ของรูป(ให้ชื่อรูปเป็นsignature ตามด้วยid) แล้วเวลาเรียกมาแสดงก้อให้อ้างอิงpathมาแสดง
1. มีวิธีการinsert อย่างไรคะ
2. เรียกออกมาแสดงอย่างไรคะ

ปัจจุบันรูปเก็บไว้ในโฟลเดอร์images

ลายเซ็นที่สร้างจะอยู่ในตัวแปรที่ชื่อ output

ปล. ข้อมูลที่ใส่เข้าไปเป็นรูปลายเซ็นค่ะ

หน้า index.php

Code (PHP)
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>Require a Drawn Signature · Signature Pad</title>
  <style>
    body { font: normal 100.01%/1.375 "Helvetica Neue",Helvetica,Arial,sans-serif; }
  </style>
  <link href="jquery.signaturepad.css" rel="stylesheet">
  <link href="thomasjbradley-signature-pad/assets/jquery.signaturepad.css" rel="stylesheet">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
  <!--[if lt IE 9]><script src="../assets/flashcanvas.js"></script><![endif]-->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script src="jquery.signaturepad.js"></script>
  <script src="json2.min.js"></script>
  <script>
    $(document).ready(function() {
      $('.sigPad').signaturePad({drawOnly:true});
      $('#submit').click(function () {
        if($('input.output').val()){
          alert($('input.output').val());
        }
        else{
          alert('Please sign the document')
        }
      })
    });
  </script>

</head>
<body>
  <form method="post" action="test_sql" class="sigPad">
    <p>
        <input type="text" name="id" id="id">
    </p>
    <ul class="sigNav">
      <li class="clearButton"><a href="#clear">Clear</a></li> 
    </ul>
    <div class="sig sigWrapper">
      <div class="typed"></div>
      <canvas class="pad" width="198" height="55"></canvas>
      <input type="hidden" name="output" class="output">
    </div>
    
    <button type="submit" id="submit">I accept the terms of this agreement.</button>
  </form>
</body>




หน้า test_sql.php

Code (PHP)
<?
$host="localhost"; 
$username="root"; 
$pass_word="1234"; 
$db="member"; 
$Conn = mysql_connect( $host,$username,$pass_word) or die ("ติดต่อฐานข้อมูลไม่ได้");
mysql_query("SET NAMES utf8",$Conn); 
mysql_select_db($db) or die("เลือกฐานข้อมูลไม่ได้"); 


$json = $_POST['output'];
$id = $_POST['id'];


		require_once('thomasjbradley-signature-to-image/signature-to-image.php');	
		$img = sigJsonToImage($json);

		imagepng($img, 'images/signature.png');
		imagedestroy($img);
		
		$fp = fopen('images/signature.png',"r");
		$ReadBinary = fread($fp,filesize('images/signature.png'));
		fclose($fp);
		$signatureImg = addslashes($ReadBinary);
		
		
		mysql_query("INSERT INTO signature(draw) VALUES ('$signatureImg')") or die(mysql_error());
		echo "บันทึกสำเร็จ";
		

?>




Database

2



Tag : PHP, MySQL, HTML/CSS, JavaScript, jQuery









ประวัติการแก้ไข
2017-01-17 09:42:24
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-01-17 09:38:52 By : gullanun_s View : 1946 Reply : 3
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ประมาณนี้ครับ => PHP Uploads/Download Files To MySQL Database






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-01-17 10:17:27 By : mr.win
 


 

No. 2



โพสกระทู้ ( 56 )
บทความ ( 0 )



สถานะออฟไลน์


ไม่เข้าใจว่าต้องแทรกcode อะไรตรงไหนอะค่ะ TT

ข้อมูลที่ Upload ไม่ได้เป็น Files แต่เป็นลายเซ็นประมาณนี้อะค่ะ

3
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-01-17 10:29:21 By : gullanun_s
 

 

No. 3

Guest


ต้องเปลี่ยน canvas เป็นดาต้า ด้วยคำสั่ง canvas.toDataURL(); ก่อนครับ ลองศึกษาดูไม่ยาก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-01-17 13:03:09 By : [email protected]
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : มือใหม่สอบถามค่ะ ในdatabase ต้องการเก็บแค่ path ของรูป (ข้อมูลที่ใส่เข้าไปเป็นรูปลายเซ็น)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่