บทความนี้ส่วนใหญ่แนะนำข้อมูลที่เกี่ยวข้องเกี่ยวกับการสแกนและการแยกวิเคราะห์รหัส QR ใน HTML5 เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
การแนะนำ:
เมื่อเร็ว ๆ นี้มีข้อกำหนดสำหรับโครงการ บริษัท ในไคลเอนต์ Weibo ปุ่มบนหน้า H5 สามารถโต้ตอบกับดั้งเดิมและโทรหากล้องสแกนรหัส QR และแยกวิเคราะห์ได้ ในไคลเอนต์ Non-Weibo (WeChat หรือ Native Browser เช่น Safari) โทรไปที่ปุ่มรูปภาพหรืออัปโหลดของระบบและแยกวิเคราะห์รหัส QR โดยการถ่ายภาพหรืออัปโหลดรูปภาพ
โซลูชันที่สองต้องการการแยกวิเคราะห์รหัส QR ใน JS front-end ขึ้นอยู่กับห้องสมุดการแยกวิเคราะห์ของบุคคลที่สาม JSQRCODE ห้องสมุดนี้รองรับการทำงานของการโทรหากล้องทางฝั่งเบราว์เซอร์แล้ว แต่ต้องอาศัยคุณสมบัติที่เรียกว่า Getusermedia แอตทริบิวต์นี้ไม่ได้รับการสนับสนุนโดยเบราว์เซอร์มือถือดังนั้นคุณสามารถแยกวิเคราะห์รหัส QR ได้โดยการอัปโหลดรูปภาพทางอ้อม
คุณสมบัติของ Getusermedia เข้ากันได้กับรายการเบราว์เซอร์:
ก่อนอื่นฉันขอขอบคุณนักพัฒนาของ JSQRCode ที่ให้รหัสที่ยอดเยี่ยมเช่นนี้เพื่อแยกวิเคราะห์รหัส QR ซึ่งทำให้ภาระงานของฉันลดลงมาก ที่อยู่ JSQRCODE: คลิกฉัน
ที่อยู่พื้นฐานรหัสของฉัน: คลิกฉัน
1. แก้ไขปัญหา:
1. สามารถโทรหากล้องบนไคลเอนต์ Weibo เพื่อสแกนรหัส QR และแยกวิเคราะห์ได้
2. สามารถสแกนรหัส QR และแยกวิเคราะห์ในเบราว์เซอร์พื้นเมืองและลูกค้า WeChat;
2. ข้อดี:
Web หรือ H5 Terminal สามารถกรอกรหัสสแกนได้โดยตรง
3. ข้อเสีย:
มันง่ายที่จะล้มเหลวหากภาพไม่ชัดเจน (เลนส์จะต้องอยู่ใกล้กับรหัส QR มากเมื่อถ่ายภาพและการสแกนรูปภาพ) และจะมีความล่าช้า 1-2 วินาทีเมื่อเทียบกับการวิเคราะห์กล้องพื้นเมือง
ภาพประกอบ:ปลั๊กอินนี้จะต้องใช้กับ zepto.js หรือ jQuery.js
วิธีใช้:1. แนะนำไฟล์ JS ในไดเรกทอรี LIB ในลำดับต่อไปนี้ในหน้าคุณต้องใช้
คัดลอกรหัส