Salve galera, aprenda aqui como gerar QR Code. O QR Code (ou Código de Barras em 2D), é uma matriz ou código de barras bi-dimensional, criado pela empresa Japonesa Denso-Wave, em 1994. O QR vem de Quick Response, pois o código pode ser interpretado rapidamente, mesmo com imagens de baixa resolução, feitas por cameras digitais em formato VGA, como as de celulares. O QR Code é muito usado no Japão. (Wikipédia)

Para gerar a imagem, estarei utilizando uma API do Google e jQuery. Note que o “plugin” é bem simples, com apenas uma linha de retorno. Por essa razão não o separei como um arquivo “jquery.qr-code.js”. Para a função são passado dois parâmetros, o texto a ser codificado e o tamanho (largura e altura).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// CRIA UM "PLUGIN" DO JQUERY
(function($){ 
   $.fn.qrcode = function(texto,size) { 
      return "http://chart.apis.google.com/chart?cht=qr&chld=L|0&choe=UTF-8&chl=" + texto +"&chs=" + size +"x" + size;
   }
})(jQuery);
 
$(document).ready(function(){
   // IMAGEM INICIAL
   var teste = $().qrcode("shiguenori", "100");
   $("#dvImagem").html("<"+"img src='"+teste+"' alt=''>");
 
   // CLICANDO NO BOTÃO, GERA O QRCODE DO INPUT
   $('#bt').click(function(){
      var novoCodigo = $().qrcode($('#input_qr').val(), "100");
      $("#dvImagem").html("<"+"img src='"+novoCodigo+"' alt=''>");
   });
});

Clique aqui para mais detalhes da API do Google
Veja o exmplo funcionando