Хотя вы должны использовать внешнюю службу (например, php), размещенную на стороннем сервере или на вашем собственном сервере, для генерации изображений QR-кода и возврата его в виде изображения base64 с помощью вызова ajax, так как это устранит многие головные боли в качестве поддержки браузера и т. Д. это удивительный плагин с именем jQuery QR Code, этот плагин является автономным и генерирует на холсте или в таблице qrcode в вашем браузере всего за пару строк.
Этот плагин основан на qrcode.js, но этот плагин добавляет поддержку соединений https.
Plugin
QR-код JQuery плагин jquery для генерации чистого кода браузера Это позволяет вам легко добавлять qrcode на ваши веб-страницы. Он автономный, менее 4 Кб после minify + gzip, загрузка изображения отсутствует. Он не зависит от внешних служб, которые включаются и выключаются, или добавляют задержку при загрузке. Он основан на библиотеке, которая собирает qrcode на разных языках. jquery.qrcode.js оборачивает его, чтобы его было легко включить в ваш собственный код. Существует простой qrcode.js, но если ваш сайт использует протокол https, то плагин не будет работать. В версии jQuery такой проблемы нет, поэтому вы можете использовать ее, не беспокоясь о протоколе.
Чтобы начать использовать плагин, выполните следующие действия:
Включите плагин в ваш документ, который можно скачать здесь:
Затем создайте в DOM div, который будет содержать холст, отображаемый плагином. Если браузер не поддерживает холст, используйте полифилл canvasjs, чтобы добавить поддержку холста или добавить render:table опция в коде инициализации.
Затем инициализируйте плагин:
jQuery("#demo").qrcode("url or text");
// or
jQuery("#demo").qrcode({
//render:"table"
width: 128,
height: 128,
text: "http://site.com"
});Поиграйте со следующим примером, перейдите на вкладку Result:
Посетите домашнюю страницу плагина здесь, начать создавать QR-коды в браузере!
