<!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>Untitled Document</title> <style type="text/css"> #mycanvas{width:500px;height:500px;border:solid 2px #CCC;padding:10px;} #btnscan {width:35%;height:70px;font:bold 2em Arial, Helvetica, sans-serif;} #txtdata {width:300px;height:70px;font:bold 1.2em Tahoma, Geneva, sans-serif} </style> </head> <body> <p><strong style="text-align:center">Test Scan QR Code </strong></p> <p> <canvas id="mycanvas"></canvas> </p> <p><br> </p> <button id="btnscan">Scan Now!</button> <p> </p> <p><br> <input type="text" id="txtdata" name="txtdata" value="" /> <script src="https://code.jquery.com/jquery-3.5.0.slim.min.js" integrity="sha256-MlusDLJIP1GRgLrOflUQtshyP0TwT/RHXsI1wWGnQhs=" crossorigin="anonymous"></script> <script type="text/javascript" src="js/jsQR.js"></script> <script type="text/javascript" src="js/dw-qrscan.js"></script> <script> DWTQR("mycanvas"); $("#btnscan").click(function(){ dwStartScan(); }); function dwQRReader(data){ $('#txtdata').val(data); // alert(data); } </script> </p> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง