Как показать информацию о QRCode внутри веб-страницы и заполнить текст после сканирования

Question

Я создал некоторый QRCode с такими данными, как адрес, имя, адрес, имя, сайт, имя. Я хочу, чтобы сканировать QRCode со сканером, затем эти данные заполнили мой ввод текста:

<input name='tell' value='' /> 
<input name='address' value='' /> 
<input name='id' value='' /> 
<input name='website' value='' /> 
<input name='name' value='' /> 

, а затем я могу отправить форму. и некоторое время я хочу показать QRCode информацию в содержании страницы. Как я могу сканировать и использовать QRCode информацию на веб-сайте?

Answer 1

Большинство QR сканеры эмулировать клавиатуру, так что вы можете слушать нажатиями и обрабатывать результаты, как они приходят в.

Этот пример использует JQuery и был написан для обработки кодов RFID (которые также имеют читателей, которые имитируют клавиатуры).

Вам необходимо настроить его, чтобы обрабатывать разную структуру данных в вашем QR-коде. например это рассматривает Enter как «Конец данных», но ваш QR-код мог бы структурировать его на нескольких строках, поэтому вам может понадобиться использовать другой метод для идентификации Конец данных.

Затем измените способ send, чтобы сделать то, что вы хотите с данными. Здесь я использую Socket.IO для отправки результатов на сервер. Вы можете изменить это, чтобы разбить данные в соответствии с вашим форматом данных, а затем использовать DOM-манипуляцию для заполнения текстовых входов.

var keybuffer = []; 

    function press(event) { 
    if (event.which === 13) { 
     return send(); 
    } 
    var number = event.which - 48; 
    if (number < 0 || number > 9) { 
     return; 
    } 
    keybuffer.push(number); 
    } 

    $(document).on("keypress", press); 

    function send() { 
    socket.emit('scan', keybuffer.join("")); 
    keybuffer.length = 0; 
    }