Artikel ini terutama memperkenalkan informasi yang relevan tentang pemindaian dan penguraian kode QR di HTML5. Teman yang membutuhkannya bisa merujuknya.
Perkenalan:
Baru -baru ini, ada persyaratan untuk proyek perusahaan. Di klien Weibo, tombol pada halaman H5 dapat berinteraksi dengan asli dan memanggil kamera, memindai kode QR dan menguraikannya. Pada klien non-Weibo (WeChat atau browser asli, seperti Safari), hubungi foto atau mengunggah tombol gambar, dan menguraikan kode QR dengan mengambil foto atau mengunggah gambar.
Solusi kedua membutuhkan parsing kode QR di JS front-end. Ini tergantung pada perpustakaan parsing pihak ketiga JSQRCode. Perpustakaan ini sudah mendukung pengoperasian memanggil kamera di sisi browser, tetapi bergantung pada properti yang disebut GetUsermedia. Atribut ini tidak didukung oleh browser seluler, sehingga Anda hanya dapat menguraikan kode QR dengan mengunggah gambar secara tidak langsung.
Properti GetUsermedia kompatibel dengan daftar browser:
Pertama -tama, saya ingin mengucapkan terima kasih kepada pengembang JSQRCode karena memberikan kode yang sangat baik untuk menguraikan kode QR, yang telah banyak mengurangi beban kerja saya. alamat jsqrcode: klik saya
Alamat basis kode saya: klik saya
1. Masalah terpecahkan:
1. Dapat memanggil kamera pada klien Weibo untuk memindai kode QR dan menguraikannya;
2. Mampu memindai kode QR dan menguraikannya di browser asli dan klien WeChat;
2. Keuntungan:
Terminal Web atau H5 dapat secara langsung menyelesaikan pekerjaan pemindaian kode;
3. Kerugian:
Sangat mudah untuk gagal jika gambar tidak jelas (lensa harus sangat dekat dengan kode QR saat mengambil gambar dan pemindaian gambar), dan akan ada penundaan 1-2 detik dibandingkan dengan analisis kamera asli.
menjelaskan:Plugin ini perlu digunakan dengan Zepto.js atau jQuery.js
Bagaimana menggunakan:1. Perkenalkan file JS di direktori LIB dalam urutan berikut pada halaman yang perlu Anda gunakan
Salin kode