美文网首页
扫码后如何将条形码内容放到一个文本框?

扫码后如何将条形码内容放到一个文本框?

作者: sysdzw | 来源:发表于2022-03-07 01:15 被阅读0次

    复制下面代码运行即可

    <input type="text" id="sn">
    <a href="javascript:window.open('//996315.com/api/scan/?redirect_uri=' + encodeURIComponent(location.href), '_self');">Scan</a>
    
    <script type="text/javascript">
    var qr=GetQueryString("qrresult");
    if(qr){
        document.all.sn.value=qr;
    }
     
    function GetQueryString(name){
        var reg = new RegExp("\\b"+ name +"=([^&]*)");
        var r = location.href.match(reg);
        if (r!=null) return decodeURIComponent(r[1]);
    }
    </script>
    

    局域网或者ip理论上也可以用上面的代码,万一不可以可以用下面的代码试试

    <input type="text" id="sn">
    <a href="https://www.996315.com/api/scan/?redirect_uri=http://192.168.3.49:5500/query.html">Scan</a>
    
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
    var qr=GetQueryString("qrresult");
    if(qr){
        $("#sn").val(qr);
    }
     
    function GetQueryString(name){
        var reg = new RegExp("\\b"+ name +"=([^&]*)");
        var r = location.href.match(reg);
        if (r!=null) return decodeURIComponent(r[1]);
    }
    </script>
    

    注意将参数redirect_uri后面改成你本地url的内容。
    两者的区别就是redirect_uri参数,一个是自动获取当前网址,一个是直接填写完整的网址给它“指明”扫码后将结果带向回去的“路”。

    测试结果

    相关文章

      网友评论

          本文标题:扫码后如何将条形码内容放到一个文本框?

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