js代码里链接生成二维码

方法一：用jquery的二维码生成js库
html里代码：

<!DOCTYPE html>
<html><head><!--引入jquery，jquery.qrcode--><script type='text/javascript'src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script><script type="text/javascript"src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script></head><body><div id = "qrid"></div></body><script>$(function(){var qrstr = "https://www.xxx.com/xxx/xxx";$('#qrid').qrcode(qrstr);//不指定二维码大写$('#qrid').qrcode({width: 280,height: 280,text: qrstr});//指定二维码大小});</script>
</html>

方法二：用原生js的代码生成器，也需要js库
git下载路径：https://github.com/davidshimjs/qrcodejs
runoob更详细教程：http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html

<!DOCTYPE html>
<html><head><script type='text/javascript'src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script><script type="text/javascript"src="js/qrcode.min.js"></script></head><body><div id = "qrid"></div></body><script>$(function(){var qrstr = "https://www.xxx.com/xxx/xxx";new QRCode(document.getElementById("qrid"), qrstr);});</script>
</html>

js代码里链接生成二维码相关推荐

js前端根据链接生成二维码并转成图片下载
js前端根据链接生成二维码并转成图片下载依赖于jquery.jquery.qrcode.min.js 1.html <div class="qrcode"></ ...
js实现将链接生成二维码，并对生成的二维码转换为图片，右击可保存至本地
在vue项目中,实现将链接生成二维码:可识别跳转,将生成的二维码可转换成图片,并可保存至本地.具体操作步骤如下: 1.安装及引用首先,实现这个功能需要使用QRCode和html2canvas,所以在 ...
百万前端之js通过链接生成二维码可以保存下载复制
在前端工作中,会遇到很多邀请好友的需求,这个时候就需要前端对需求进行实现了. 最终效果: 这个是做好以后的成品,根据链接生成二维码,提供保存二维码和复制链接功能,纯前端实现.话不多说直接上代码 htm ...
Python 二维码的读取与生成：使用链接生成二维码、读取二维码里的链接
Python 二维码的读取与生成演示 ① 使用链接生成二维码 ② 读取二维码里的链接 [ 文章推荐 ] Python 绘制中国地图:使用 pyecharts 最新版本绘制中国地图实例详解,个性化地图定 ...
dom 生成图片和链接生成二维码
1. dom 生成图片此处使用的是 html2canvas 插件和canvas2image插件 html2canvas 方法的第二个入参还有很多选项可以配置,详情请看这里这里 html 1 < ...
java 根据指定链接生成二维码
需求: 就是需要把一个报告网址链接生成二维码,然后渲染在报告中,扫描二维码的时候能访问到这个报告,效果就达到了 1.首先提前需要添加的maven依赖 <!-- https://mvnreposi ...
链接生成二维码( QRCode )
Vue中链接生成二维码安装插件 sudo npm install qrcodejs2 --save 页面中引入 import QRCode from "qrcodejs2"; c ...
iOS常用功能 - 根据链接生成二维码图片
根据链接生成二维码 1 -(void)generatingTwoDimensionalCode { 2 3 // 创建过滤器 4 CIFilter *filter = [CIFilter filter ...
vue中使用qrcode.js，封装一个生成二维码的组件(支持下载和copy二维码里面的链接)
这是一个自己封装的组件市面上还有其他组件: vue-qr :这个可以给二维码中间加图片本次封装组件的实例图如下: 下载qrcodde npm i qrcode -S 下载复制的插件 npm i v ...
Vue+Element-Ui项目中使用qrcodejs2将链接生成二维码
1. 下载安装包 npm i qrcodejs2 -S 2. 在要生成二维码的页面或组件内导入qrcodejs2 import QRCode from "qrcodejs2"; 3 ...

js代码里链接生成二维码

js代码里链接生成二维码相关推荐

最新文章

热门文章