专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

js如何生成二维码?js生成二维码的方法(代码)

来源:小易整编  作者:小易  发布时间:2024-03-17 09:18
摘要:本篇文章给大家带来的内容是关于js如何生成二维码?js生成二维码的方法(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在js中生成二维码一、准备工作首先需要准备依赖资源 1、jquery.js2、qrcode(...

本篇文章给大家带来的内容是关于js如何生成二维码?js生成二维码的方法(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

js如何生成二维码?js生成二维码的方法(代码)

在js中生成二维码

一、准备工作

首先需要准备依赖资源  1、jquery.js 2、qrcode (github/jeromeetienne/jquery-qrcode)

二、引用方式

html 或js require("yourPath/jquery-qrcode-master/jquery.qrcode.min");
登录后复制

三、页面显示

登录后复制

四、js处理

$('#qrcode').qrcode("www.baidu");//当二维码内容中涉及到中文时,需要先转换为utf8function toUtf8(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;     };//内容扩展$("qrcode").qrcode(    text : "这里放二维码的内容,涉及中文时需要转换为utf8"  //设置二维码内容      render : "canvas",//设置渲染方式      width : 256,     //设置宽度,默认生成的二维码大小是 256×256    height : 256,     //设置高度      typeNumber : -1,      //计算模式      correctLevel : QRErrorCorrectLevel.H,//纠错等级      background : "#ffffff",//背景颜色      foreground : "#000000" //前景颜色  );
登录后复制

相关推荐:

javascript如何实现购物车的功能(代码)

原生js实现日历的思路与代码

以上就是js如何生成二维码?js生成二维码的方法(代码)的详细内容,更多请关注易企推科技其它相关文章!


本文地址:网络知识频道 https://www.hkm168.com/jiqiao/1149265.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


网络知识
小编:小易整编
相关文章相关阅读
  • 总结CreateJS的详细介绍

    总结CreateJS的详细介绍

    CreateJS库是一款HTML5游戏开发的引擎,是一套可以构建丰富交互体验的HTML5游戏的开源工具包,旨在降低HTML5项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验。掌握了CreateJS可以更方便的完成HTM...

  • jsp文件怎么创建

    jsp文件怎么创建

    创建jsp文件的步骤:1、安装和配置java开发环境;2、安装和配置web服务器;3、创建jsp文件;4、编写jsp代码;5、部署和运行应用程序;6、调试和测试。详细介绍:1、安装和配置java开发环境,首先需要在计算机上安装jdk,可以从...

  • win7升级错误代码80072efe该怎么办win7升级错误代码80072efe解决...

    win7升级错误代码80072efe该怎么办win7升级错误代码80072efe解决方案

    win7客户在系统更新的过程中遇到了80072efe的报错,像这种状况要怎么办呢?你先清查网络问题,然后去微软官网下载代理,假如你用的是32位计算机就免费下载32位代理,安装下载完成后马上重启。假如再次出现升级不正确得话,你也就再去官方网站...

  • excel如何插入单元格

    excel如何插入单元格

    excel插入单元格的方法:首先单击上方【开始】菜单;然后在弹出新窗口以后,选择【单元格】;接着单击【插入】下的小三角,下方出现新窗口,再点击【插入单元格】;最后根据需要选择移动选项即可。excel插入单元格的方法:1、首先单击上方【开始】...

  • 修复:在 Xbox 应用上的 Halo Infinite(Campaign)安装错误...

    修复:在 Xbox 应用上的 Halo Infinite(Campaign)安装错误代码 0X80070032、0X80070424 或 0X80070005

    haloinfinite(campaign)是一款第一人称射击视频游戏,于2021年11月推出,可供单人和多用户使用。该游戏是halo系列的延续,适用于windows、xboxone和xbox系列的用户x|s。最近...

  • 有没有录制电脑屏幕的方法

    有没有录制电脑屏幕的方法

    电脑屏幕有录制的方法吗有两个方法一是用win10电脑自带的录屏软件来录,打游戏的时候按一下【win+g】就行了二是用其他的录制软件来录制,比如“迅捷屏幕录像工具”,操作方法如下:1、首先在电脑上将这个工具下载下来。下载完成后打开工具,主页...

  • git怎么合并分支代码

    git怎么合并分支代码

    git合并分支代码的方法:1、使用“gitmerge”命令,该命令用来做分支合并,可以将其他分支中的内容合并到当前分支中。2、使用“gitrebase”命令,该命令用于改变当前的分支的基点,进而实现分支合并。本教程操作环境:Window...

  • 如何使用Vue技术进行移动端开发

    如何使用Vue技术进行移动端开发

    如何使用Vue技术进行移动端开发随着移动互联网的迅猛发展,移动端应用的开发变得越来越重要。Vue.js作为一款轻量级、高性能的前端框架,被广泛应用于移动端开发中。本文将介绍如何使用Vue技术进行移动端开发,并给出具体的代码示例。一、准备工作...

  • 周排行
  • 月排行
  • 年排行

精彩推荐