给网页添加二维码功能

使用javascript+google api

把下面的代码放到需要出现的位置就行了

 

<script type="text/javascript">
document.write("<img src=\"https://chart.googleapis.com/chart?cht=qr&chs=80x80&choe=UTF-8&chld=L|0&chl="+encodeURI(window.location.href)+"\"  class=\"img-rounded\" width=\"80\" height=\"80\"/></img>");
</script>

 

链接中的参数：

1. https://chart.googleapis.com/chart? 这是Google Chart API的头部，直接照抄就好了～
2. &cht=qr 这是说图表类型为qr也就是二维码。
3. &chs=200×200 这是说生成图片尺寸为200×200，是宽x高。这并不是生成图片的真实尺寸，应该是最大尺寸吧。
4. &choe=UTF-8 这是说内容的编码格式为UTF-8，此值默认为UTF-8.其他的编码格式请参考Google API文档。
5. &chld=L|4 L代表默认纠错水平； 4代表二维码边界空白大小，可自行调节。具体参数请参考Google API文档。
6. &chl=XXXX 这是QR内容，也就是解码后看到的信息。包含中文时请使用UTF-8编码汉字，否则将出现问题。