取得二维码的真实内容

作者: triplestudio | 来源:发表于2019-07-15 22:51 被阅读4次

    如今二维码真是随处可见,大到支付,小到一道试题,都会使用到二维码。扫一扫,世界真奇妙。

    通过扫一扫,不同的场景下会产生完全不同的效果,但二维码自身其本质不变,那就是它是数据的一种图形化形式。它所代表的就是一份特定的数据,今天,我们把它呈现出来。

    一个二维码工具

    在微信 - 通讯录 - 公众号中,搜索“时间维度”,关注后,回复“扫一扫”三个字,收到回复后点击就可以进入该工具。

    扫一扫

    点击下方的“扫一扫”,扫描二维码,扫描成功之后,二维码的原始内容就会显示在上边的文本框中,同时,出现在下边的历史记录中。

    如果二维码的内容是链接,则可在历史记录中直接点击跳转,如图所示。


    历史记录

    最近的 10 次扫描都会记录在历史记录中,且会在本地保存,关闭微信再次进入,历史记录仍然会存在。可以点击“清除历史记录”进行清除。

    为了方便工具的使用,可以在公众号信息页点右上角的三点,进入设置,选择“添加到桌面”菜单,这样,在桌面上就有一个可以直接进入的图标,就像一个普通的 APP 一样很方便。

    工具原理

    微信公众号允许开发人员通过 js 调用微信的扫一扫功能,并将二维码的内容返回给脚本由脚本决定下一步流程。

    关键代码如下:

    function scan() {
        wx.scanQRCode({
            // 默认为0,扫描结果由微信处理,
            // 1则直接返回扫描结果
            needResult: 1, 
            // 可以指定扫二维码还是一维码,默认二者都有
            scanType: ["qrCode", "barCode"], 
            success: function (res) {
                var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
                document.getElementById("content").value = result; 
            }
        });
    }
    

    历史记录,则使用了 H5 的 localStorage,感兴趣的朋友可以交流尝试。

    相关文章

      网友评论

        本文标题:取得二维码的真实内容

        本文链接:https://www.haomeiwen.com/subject/gqfakctx.html