jQuery qrコードを簡単に作成する方法

スポンサーリンク

  

はじめに

QRコードを作成出来るjQueryのライブラリを使ってQRコードを生成させてみた。

ダウンロード

まずは下記のサイトからライブラリをダウンロードしてくる。

GitHub - jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services)

使い方

まずダウンロードしてきたファイルを解凍してsrcフォルダの中に入っている
qrcode.jsとjquery.qrcode.jsを同じフォルダー内に入れてhead部分で
この2つのファイルとjQueryを読み込む。

<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script src="jquery.qrcode.js"></script>
   <script src="qrcode.js"></script>
</head>

QRコードの作成作成方法は簡単で

<script>
   $('#qrcode').html();
   $('#qrcode').qrcode({text: "hello !!!"});
</script>

これだけ。全体のコードはこちら。

gistb347a62455081e0c6872de74256c3959      

またこのライブラリを使ってQRコードを生成するwebアプリを作ってみた。

ugeugehigh.github.io