Сканер QR и штрих кодов, codeScanner
Тип поля формы codeScanner.
Позволяет через камеру устройства сканировать коды QR и штрих коды и записывать в поле формы для дальнейшей обработки.
Демостенд работы сканера кода QR
ВАЖНО. Необходимо дать разрешение на камеру на устройстве (и чтобы не было занято устройство другими вкладками браузера или программами).
Настройки options_code1 для поля типа codeScanner
- audio - путь к mp3 файлу, который будет "пикать" при распознавании кода.
- autostart - если 1, то при загрузке формы с таким полем сразу будет включена камера и режим распознавания кодов.
- makeup - можно задать расположение элементов в поле. По умолчанию {toolbar}{element}{input} - верхняя панель, видеоэлемент и поле ввода распознанного кода.
- type - video или image (если imagу - то будет распознаваться статичная картинка img, заданная в опции image).
Как задать коллбек распознавания
В форме в JS прописываем коллбек по названию поля. Для поля code1 коллбек будет выглядеть так:
as.scancallbacks["code1_decode"] = function(code, data, error){
console.log("XXXXXX",code, data, error)
}
- code - код поля (может быть полезным при универсальной обработке многих сканеров)
- data- данные в виде JSON по распознанному коду
- error - если не null, то были ошибки при распознавании.
Страница-источник на сайте falconspace.ru
-
Начало работы
-
Основа Falcon Space
-
Руководства
-
Возможности
-
Коммуникация пользователей
-
Таблицы
-
Формы
-
Поля формы
Общие настройки для полей формы через options_ Строка, string Галочки с множественным выбором, checkboxes Переключатель switch и галочка bool Радиокнопки (выбор одного элемента), radio, defaultRadio Многострочное поле, text Гибкий список выбора, select-picker Список с поиском по базе autocomplete, select-search Список выбора, комбик, select,select2 Диапазон чисел, intrange Целое, дробное число, int, float, html-number Rich редактор текста, html2 Интервал дат, dateRange Скрытые параметры формы, cookie, localStorage, sessionStorage и urlParameter Дата HTML5, datetime-local Слайдер (ползунок), slider Поля формы для загрузки файлов, files, remoteFile, fileContent Множественный список, chosen Градиент, gradient Как сделать списки select и chosen с категориями (optgroup) Выбор из элементов с табуляцией, tabs Флажок-картинка, imageCheckbox Как использовать Флажки и выбор радио с картинкой, imageRadio, imageCheckboxes Дерево с выбором галочек, treeCheckboxes Выбор адреса и сохранение координат места (lat,lng), geo-autocomplete Таймер, timer Выбор цвета, colorCheck и colorRadio Вставка ссылок по шаблону (ютуб-видео), patternString Дерево с сортировкой Drag-and-Drop, treeOrder График работы, weekTime Редакторы кода editorHTML, editorSQL, editorCSS, editorJS Время, time Сканер QR и штрих кодов, codeScanner
-
Лендинги
-
Дизайн, стилизация, юзабилити
-
Интеграции
-
Универсальный API
-
Каталоги
-
Навигация
-
Документы
-
Дополнительные компоненты
-
Продвижение, SEO
-
Системные моменты
-
Системное администрирование
-
HOWTO
-
Загрузка файлов, картинок
-
HOWTO SQL
-
HOWTO JS
-
HOWTO Верстка
-
Решение проблем
-
Советы по реализации