获取当前所在页面的二维码


/**
 * 生成二维码图片
 * @param selector img 图片对象
 */
function generateQRCode(selector){
	var url = "http://qr.liantu.com/api.php?";
	   url += "&text="+encodeURI(location.href);//背景颜色,bg=颜色代码,例如:bg=ffffff
	   url += "&bg=fcfcfc";//背景颜色,bg=颜色代码,例如:bg=ffffff
	   url += "&fg=000000";//前景颜色,fg=颜色代码,例如:fg=cc0000
	   url += "&gc=000000";//渐变颜色,gc=颜色代码,例如:gc=cc00000
	   url += "&el=Q";//纠错等级,el可用值:h\q\m\l,例如:el=h
	   url += "&w=300";//尺寸大小,w=数值(像素),例如:w=300
	   url += "&m=30";//静区(外边距),m=数值(像素),例如:m=30
	   url += "&pt=000000";//定位点颜色(外框),pt=颜色代码,例如:pt=00ff00
	   url += "&inpt=000000";//定位点颜色(内点),inpt=颜色代码,例如:inpt=000000
	   url += "&logo=http://www.91liren.com/images/91liren_logo.png";//logo图片,logo=图片地址,例如:http://www.liantu.com/images/2013/sample.jpg
	$(selector).attr("src",url);
}

	
$(function(){
	/**
	 * 点击小的二维码事件
	 */
	$("#ewm_btn").click(function(){
		generateQRCode($("#ewm_name"));
		$("#alphaBox").show();
	});
	
	/**
	 * 关闭按钮事件
	 */
	$(".ewm_Img").click(function(){
		$("#alphaBox").hide();
	});
});



js的代码如上,html代码如下:

<a href="javascript:;" id="ewm_btn" class="ewm_buttom"></a>
						<div id="alphaBox">
							<a href="javascript:;" class="ewm_Img"></a>
							<img id="ewm_name" src="${root}/images/name_ewm01.jpg"/>
						</div>



效果如图:

获取当前所在页面的二维码_第1张图片


出现效果如下图:

获取当前所在页面的二维码_第2张图片


非常感谢 http://liantu.com/pingtai/提供的二维码图片生成api。


你可能感兴趣的:(获取当前所在页面的二维码)