使用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());

最终效果:

 

相关文章
|
1月前
|
前端开发
jquery.qrcode如何切换新的二维码
jquery.qrcode如何切换新的二维码
9 0
|
3月前
|
JavaScript
js生成二维码和解析二维码
js生成二维码和解析二维码
25 0
|
7月前
|
JavaScript
|
9月前
|
JavaScript
js实现简单上传图片
js实现简单上传图片
|
9月前
|
资源调度 JavaScript
vue:生成二维码 qrcode、vue-qr(二维码中间可带logo)
vue:生成二维码 qrcode、vue-qr(二维码中间可带logo)
1247 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
|
JavaScript 前端开发
浅谈Vue中的this.$nextTick()方法(利用QRCode.js在dialog弹窗中生成二维码)
浅谈Vue中的this.$nextTick()方法(利用QRCode.js在dialog弹窗中生成二维码)
456 0
浅谈Vue中的this.$nextTick()方法(利用QRCode.js在dialog弹窗中生成二维码)
30jquery-qrcode生成二维码
30jquery-qrcode生成二维码
92 0
30jquery-qrcode生成二维码
|
JavaScript 前端开发
js实现上传头像(看了你就懂,相信我)
js实现上传头像(看了你就懂,相信我)