使用JS生成二维码QRCode

简介: 这其实很简单,项目中使用插件即可生成,主要有两种方式:一种是在项目中使用java生成,把图片生成到某个目录,然后在用tomcat或者nginx虚拟一下路径即可访问,这种方式我们不用,因为会在目录中生成图片,没有必第二张方式是使用js来生成,用jquery.

这其实很简单,项目中使用插件即可生成,主要有两种方式:

一种是在项目中使用java生成,把图片生成到某个目录,然后在用tomcat或者nginx虚拟一下路径即可访问,这种方式我们不用,因为会在目录中生成图片,没有必

第二张方式是使用js来生成,用jquery.qrcode.js即可

https://github.com/jeromeetienne/jquery-qrcode

这是github地址下载后引入jquery.min.js以及jquery.qrcode.min.js到工程中

页面上配置如下

<div id="code"></div> 

然后在js中生成即可

$('#code').qrcode($("#qrCodeUrl").val());

最终效果:

 

相关文章
|
3月前
|
JavaScript
js生成二维码和解析二维码
js生成二维码和解析二维码
23 0
|
7月前
|
JavaScript
|
9月前
|
JavaScript
js实现简单上传图片
js实现简单上传图片
|
9月前
|
资源调度 JavaScript
vue:生成二维码 qrcode、vue-qr(二维码中间可带logo)
vue:生成二维码 qrcode、vue-qr(二维码中间可带logo)
1233 0
|
11月前
|
JavaScript
Js获取富文本所有图片src地址
Js获取富文本所有图片src地址
104 0
QRCode.js生成二维码
QRCode.js生成二维码
62 0
QRCode.js生成二维码
利用Qrcode生成二维码
``` import com.swetake.util.Qrcode; import javax.imageio.ImageIO; import java.awt.*; import java.awt
92 0
30jquery-qrcode生成二维码
30jquery-qrcode生成二维码
91 0
30jquery-qrcode生成二维码
29使用QRcode方式生成二维码
29使用QRcode方式生成二维码
172 0
29使用QRcode方式生成二维码
|
JavaScript
你会做一个js获取验证码吗?
你会做一个js获取验证码吗?