js生成二维码的示例代码

前段时间项目中需要开发扫描二维码查看信息的功能，在网上查了一些资料，把用过的方法进行总结需要导入一个qrcode的js 插件。

插件链接: qrcode.js下载地址，点击即可下载

一、一个简单的示例

如下：（仅供参考）

<%--
 Created by IntelliJ IDEA.
 User: ASUS
 author:xumz
 Date: 2021/2/27
 Time: 10:33
 搬运请备注
 To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>


 
 



输入URL以生成二维码

 URL:
 
 
 
生成的二维码可以通过手机任意扫描工具，查看其二维码信息
 

代码运行效果如下图：

二、二个简单的示例

第二个例子用到了layui的一些元素layui下载地址
引入layui.all.js和layui.css即可

scanQR.jsp如下：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>



 
 <%--注意引用和地址--%>
 
 
 
 




 预览



 

运行效果如下：

这是博主刚刚生成的一个二维码，扫描后会跳转到博主的主页，用手机浏览器，或者微信QQ…等等都可以扫描扫描，关键代码就这一句 text: ‘https://blog.csdn.net/bug_producter/'

有兴趣的小伙伴可以转到，

手机访问本地Tomcat服务器

在这篇文章的最后 重点 哪儿，也有关于二维码的内容，会追加一个例子的文件

到此这篇关于js生成二维码的示例代码的文章就介绍到这了,更多相关js生成二维码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！