javascript QR 코드 스 캔 실현

이 예 는 instascan 기반:https://github.com/schmich/instascan1. html

2. javascript




    
        function checkQR() {
            return $("#txtScannedQR").val() != "";
        }


        var scanner = new Instascan.Scanner(
            {
                video: document.getElementById('preview') 
            });
        scanner.addListener('scan', function (content) {
            $("#txtScannedQR").val(content);
            alert(content);
            
        });
        Instascan.Camera.getCameras().then(function (cameras) {
            
            // on mobile pick the rear camera
            if (cameras.length > 1) {
                scanner.start(cameras[1]);
            }
            else if (cameras.length > 0) {
                scanner.start(cameras[0]);
            } else {
                console.error('No cameras found.');
            }
        }).catch(function (e) {
            console.error(e);
        });
    
}

3. 실행 중 오류 가 발생 하면:
getusermedia() no longer works on insecure origins. to use this feature, you should consider switching your application to a secure origin, such as https
이 기능 은 https 가 필요 하기 때문에 웹 서버 에 ssl 인증 서 를 설치 하고 443 포트 를 열 면 됩 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Javascript에서 Math.max와 Math.max.apply의 차이점과 용법 상세 설명

최근에 작은 사례를 만들 때 Math를 만났어요.max.apply라는 용법은 이전에 보기 드물게 재미있게 느껴졌으니 기록해 보세요. 1Math.max 문법:Math.max(n1,n2,n3,...,nX)반환값:max(...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

javascript QR 코드 스 캔 실현

좋은 웹페이지 즐겨찾기