html扫描二维码

时间:2024-02-24 21:41:27

引入Jquery,bootstrap 依赖

<script src="https://cdn.staticfile.org/jquery/1.11.2/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>

Html内容,通过 a标签重定向到 http://sao315.com/w/api/saoyisao 在重定向到当前页面 启动扫一扫得到结果


<div>
<a href="http://sao315.com/w/api/saoyisao" class="btn btn-outline-primary" role="button" aria-pressed="true" style="width: 250px;margin-top: -90px; z-index: 999;position: sticky;display: none;">   <i class=\'dzwfont dzw-saomiao\' style="font-size: 25px;"></i> 不跳转页面普通扫描</a>
<a href="http://sao315.com/w/api/saoyisao?redirect_uri=当前页面url" style="width: 250px;margin-top: -90px; z-index: 999;position: sticky;" class="btn btn-outline-info" role="button" aria-pressed="true"><i class=\'dzwfont dzw-saomiao\' style="font-size: 25px;"></i>跳转页面强制扫描</a>
<div>

JS

	// 页面初始化(调用扫一扫后)
	$(function(){
		// 得到扫描 结果
		var qr = getQueryString("qrresult");
		if (qr) {
			alert(qr);
		    var qrString = qr;
		    try{
		    	//  根据 扫描结果qr 实现自定义逻辑
			    }catch(exception){
			    	
			    }
		}
		})
// 解析扫描结果
function getQueryString(name) {
    var reg = new RegExp("\\b" + name + "=([^&]*)");
    var r = location.href.match(reg);
    if (r != null)
        return decodeURIComponent(r[1]);
}

在asdasd这里插入图片描述