[วิดีโอสอน] Javascript กับการสร้าง QRcode แบบง่ายๆโดยใช้ qrcode.js
เป็นการสร้าง QRcode โดยใช้ javascript library ชื่อ qrcode.js โดยสามารถเข้าไปโหลดได้ที่ https://davidshimjs.github.io/qrcodejs/ เป็นการสอนแบบง่ายๆ นะครับ ลองเอาไปประยุกต์กับโปรเจคของท่านดูครับผม
ตัวอย่างโค๊ด :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript กับการสร้าง QRcode แบบง่ายๆโดยใช้ qrcode.js</title>
<script src="qrcode.min.js"></script>
</head>
<body>
<input type="text" name="textQrcode" id="textQrcode">
<button onclick="createQRcode()">สร้าง QRcode</button>
<hr>
<div id="showQRcode"></div>
<script>
function createQRcode(){
var textQrcode = document.getElementById('textQrcode');
var showQRcode = document.getElementById('showQRcode');
if(textQrcode.value.trim() !== ''){
showQRcode.innerHTML = '';
new QRCode(showQRcode, textQrcode.value);
textQrcode.value = '';
}
}
</script>
</body>
</html>
ตัวอย่าง ผลลัพท์
ภาพเมื่อสแกนจากโทรศัพท์
แสดงข้อความที่ได้
คุณสามารถโหลด qrcode.js ได้ที่ : https://davidshimjs.github.io/qrcodejs/
: ttvone@hotmail.com ความเห็น[729]
ขอบคุณคร้าบบผม