初识html5使用jsQR识别二维码

1.了解jsQR

jsQR是一个纯javascript脚本实现的二维码识别库，不仅可以在浏览器端使用，而且支持后端node.js环境。jsQR使用较为简单，有着不错的识别率。

2.简单实践

主要文件包括1.html、jquery-3.4.1.min.js、jsQR.js和待识别的图片。

1.html内容：

        <div>
            <input type="file" accept="image/*" multiple  id="pictureSelect"/>
        </div>
        <div>
            <span>QR码内容：</span>
            <a id="result"></a>
        </div>
        <div>
            <canvas id="qrCanvas"></canvas>
        </div>

读取文件的脚本：

        $("#pictureSelect").change(function (event) {
            var file = event.target.files[0];