js二维码图片如何生成链接

JavaScript06

js二维码图片如何生成链接,第1张

1、首先保存需要变成链接的二维码。保存到手机上或者电脑上。

2、其次打开浏览器,找到扫一扫,并打开。

3、最后找到相册,从相册找到保存的二维码,扫描之后,出现最上面的链接,就是需要的二维码链接。

1、首先我们把这个js框架复制到项目中 可以新建一个js 还可以引入jQuery库。

2、如图所示 这里是我们自己创建的js文件的内容 上面是生成代码 下面是将生成的内容获取后赋值给input输入框。

3、然后引入刚刚的所有的js文件 如图所示 。

4、这里是一个div用来显示生成的图片 然后点击按钮执行生成操作 input用来提交给后台Java。

5、会生成一个图片 然后你会看到input的值也发生了变化 点击提交即可。

<div id = "qrcodeid"></div> //生成的二维码放在此 div 中

<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js(到https://github.com/jeromeetienne/jquery-qrcode 下载 )

<script>

function utf16to8(str) { //解决中文乱码

  var out, i, len, c 

  out = "" 

  len = str.length 

  for(i = 0 i < len i++) { 

  c = str.charCodeAt(i) 

  if ((c >= 0x0001) && (c <= 0x007F)) { 

    out += str.charAt(i) 

  } else if (c > 0x07FF) { 

    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)) 

    out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)) 

    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)) 

  } else { 

    out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)) 

    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)) 

  } 

  } 

  return out 

</script>

<script>//此处生成名片二维码(如要生成普通链接二维码 则 “text”参数值 直接替换成普通链接即可)

var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTELCELL,VOICE:15000000000 \r\nTITLE:职称 \r\nORG:公司(组织) \r\nEMAILINTERNET,HOME:[email protected] \r\nADRWORK,POSTAL:地球中国山东... \r\nURL:http://leerd.cn \r\nEND:VCARD"

the_text = utf16to8(the_text)

//alert(the_text)

jQuery('#qrcodeid').qrcode({

width:140,

height:140,

render:"canvas", //设置渲染方式 table canvas

typeNumber : -1,  //计算模式 

correctLevel  : 0,//纠错等级 

background   : "#ffffff",//背景颜色 

foreground   : "#000000",//前景颜色 

text:the_text

}) 

</script>