jquery里面有个库文件,名曰:decoder.js,是用来生成二维码和解读二维码的。下面就针对其使用方法作一个说明。
关于读取和解读二维码,总的来说,需要引用如下这么多个JS文件到网页HEAD区域中。
<script type="text/javascript" src="grid.js"></script>
<script type="text/javascript" src="version.js"></script>
<script type="text/javascript" src="detector.js"></script>
<script type="text/javascript" src="formatinf.js"></script>
<script type="text/javascript" src="errorlevel.js"></script>
<script type="text/javascript" src="bitmat.js"></script>
<script type="text/javascript" src="datablock.js"></script>
<script type="text/javascript" src="bmparser.js"></script>
<script type="text/javascript" src="datamask.js"></script>
<script type="text/javascript" src="rsdecoder.js"></script>
<script type="text/javascript" src="gf256poly.js"></script>
<script type="text/javascript" src="gf256.js"></script>
<script type="text/javascript" src="decoder.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<script type="text/javascript" src="findpat.js"></script>
<script type="text/javascript" src="alignpat.js"></script>
<script type="text/javascript" src="databr.js"></script>
引用好了以后,就可以直接调用其方法了。下面为大家介绍的是几种调用的方法。
第一种:解读本地图片中二维码
构造一个函数,调用语句就可以了。
function MyDecode()
{
alert(qrcode.decode("123.jpg"));
}
第二种:引用网络中的图片读取二维码
function MyDecode()//读取二维码
{
alert("系统将读取摄像头照相上传的图片中的二维码");
qrcode.decode("http://www.wsbst.net/img/png/MyCamera.png"+"?t="+"&"+Math.random());
}
第三种:直接对Data64位数据读出二维码 function saveToServer()
{
var imgData=document.getElementById("MyCanvas1").toDataURL("image/png");
var base64Data = imgData.substr(22);
qrcode.decode(base64Data);
}
通过上面的的任何一种方法调用函数后,可能会看出如下图的这些提示: