本文寫的二維碼生成是基於jQuery和jquery.qrcode.min.js插件的,本文將介紹兩種方法和方式,僅供朋友選擇和取舍。本文最下面附有插件的下載地址!
方式1:
基於jquery.qrcode.min.js插件生成,代碼如下:
<html>
<head>
<title>生成二維碼</title>
<meta name="author" content="Stone(at)游久網,Blog" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery("#qrCodeDiv").qrcode("設置二維碼的內容。");
});
</script>
</head>
<body>
<div id="qrCodeDiv">
</div>
</body>
</html>
優點:基於jquery.qrcode.min.js插件生成,穩定,效率比較高。
缺點:不能設置和控制生成二維碼的大小(筆者還沒有找到)。
方式2:
基於jquery.MyQRCode.js插件下載,代碼如下:
<html>
<head>
<title>生成二維碼</title>
<meta name="author" content="Stone(at)游久網,Blog" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.MyQRCode.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery("#qrCodeDiv").MyQRCode(
{
content: "設置二維碼的內容。",
size: "400x400"
});
});
</script>
</head>
<body>
<div id="qrCodeDiv">
</div>
</body>
</html>
優點:可自定義自己設置大小。
缺點:此二維碼是基於https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding} 這個網址生成的,只是溝通js封裝,依賴性很強。
至此二維碼的生成就寫完了,前輩們很友好把代碼封裝好了,只要遵循一定方法調用就是了,這也許就是互聯網的精神,it的精神。
下載地址:

