用jquery.qrcode.min.js生成二维码,在用局域网ip访问时出现js错误,对象不支持getcontext()方法或属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jquery.qrcode.min.js生成二维码,在用局域网ip访问时出现js错误,对象不支持getcontext()方法或属性相关的知识,希望对你有一定的参考价值。

假设用http://192.168.1.2/a.htm 这样访问时生成不了二维码,且报js错误;在用localhost或外网ip访问时能够生成,这是什么原因??

参考技术A 浏览器的安全机制,禁止本地运行脚本. 用谷歌浏览器 参考技术B 你的内网IP木有通呢,自然不行的。

为网页生成二维码(jquery.qrcode.min.js)

    做网站活动页面的时候,要为每个活动生成一个二维码,虽然简单,但还是习惯记录下来。

jquery.qrcode.min.js是js的一个库,主流的浏览器都支持:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile
方法: qrcode(),
参数:
    text:要编码的字符串地址
    width:定义的宽度
    height:定义的高度
    background:背景色
    foreground:前景色
<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>生成二维码</title>
		<script type=‘text/javascript‘ src=‘http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js‘></script>
		<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
	</head>
	<body>
		<div id="qrcode"></div>
	</body>
	<script>
		$("#qrcode").qrcode({
			width:64,
			height:64,
			text:"https://www.baidu.com/"
		})
	</script>
</html>

  用qrcode.js生成二维码,默认是canvas画的

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>生成二维码</title>
		<script type="text/javascript" src="qrcode.js"></script>
	</head>
	<body>
		<div id="qrcode"></div>
	</body>
	<script>
		new QRCode(document.getElementById("qrcode"),"https://www.baidu.com/")
	</script>
</html>

  

  








以上是关于用jquery.qrcode.min.js生成二维码,在用局域网ip访问时出现js错误,对象不支持getcontext()方法或属性的主要内容,如果未能解决你的问题,请参考以下文章

前端生成二维码插件jquery.qrcode.min.js

用jquery.qrcode.min.js生成二维码,在用局域网ip访问时出现js错误,对象不支持getcontext()方法或属性

为网页生成二维码(jquery.qrcode.min.js)

使用jquery.qrcode.min.js实现前台二维码生成(带Logo)

jquery二维码生成插件jquery.qrcode.js

JS插件生成二维码 jquery.qrcode.js