js代码里链接生成二维码

一时失言乱红尘 2022-05-11 09:03 115阅读 0赞

方法一：用jquery的二维码生成js库  
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="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][https_github.com_davidshimjs_qrcodejs]  
runoob更详细教程：[http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html][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>

[https_github.com_davidshimjs_qrcodejs]: https://github.com/davidshimjs/qrcodejs
[http_www.runoob.com_w3cnote_javascript-qrcodejs-library.html]: http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html

发表评论取消回复

表情：

评论列表（有 0 条评论，115人围观）

还没有评论，来说两句吧...

相关阅读

相关前端开发实践：vue中用qrcode库将超链接生成二维码图片

本篇博文介绍了如何使用qrcode库来在Vue项目中生成二维码。首先，我们安装了qrcode库，并将其添加到我们的项目依赖中。然后，我们通过一个实际示例展示了如何创建一个...

梦里梦外;/ 2024年04月20日 14:06/ 0 赞/ 8 阅读

相关 Java实现短链接生成

问题: 短链接在生活中无处不见,比如: ![image.png][] 如何实现呢? 思路: 将长的url(“[https://blog.csdn.net/

灰太狼/ 2024年03月22日 09:42/ 0 赞/ 9 阅读

相关链接生成二维码图片并下载；复制文本到剪切板；直接下载img图片

1. 第一种情况将链接生成二维码图片并实现下载效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

「爱情、让人受尽委屈。」/ 2023年01月13日 15:52/ 0 赞/ 94 阅读

相关链接生成工具anurl的使用

一个链接生成工具anurl，可以生成付费链接，付费视频等，用户支付后跳转到指定的页面以获取资源或观看完整视频。地址：[https://anurl.net][https_an

青旅半醒/ 2022年12月28日 00:54/ 0 赞/ 148 阅读

相关 java链接生成二维码-改编

1、涉及的jar包下载 [ 点击下载][Link 1] 2、参考的文章链接地址 http://blog.sina.com.cn/s/blog\_5a6efa330102v1l

墨蓝/ 2022年09月23日 13:59/ 0 赞/ 95 阅读

相关 vue 根据链接生成二维码(功能实现)

今天同事问我一个问题，在`vue`项目中想要根据一个链接显示对应的二维码该怎么实现。我前一段时间，有用`apicloud`项目生成二维码的功能，但是`vue`版本的没有处理

川长思鸟来/ 2022年08月29日 10:57/ 0 赞/ 210 阅读

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

方法一：用jquery的二维码生成js库 html里代码： <!DOCTYPE html> <html> <head> <!--引入

一时失言乱红尘/ 2022年05月11日 09:03/ 0 赞/ 116 阅读

相关 java根据跳转链接生成二维码

需要的jar包：  <dep

心已赠人/ 2022年01月26日 05:43/ 0 赞/ 250 阅读

相关 js 实现URL 转换成为二维码

首先想到的是引用qrcode.js (二维码生成库) ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] /f

墨蓝/ 2021年10月29日 15:44/ 0 赞/ 550 阅读

相关短链接生成（ BY 百度短视屏）

1.我使用的是百度的短视屏连接接口来进行短连接的转换，所以，不知名的一些网站是转换不了。看不懂代码也没关系，直接看 main 函数的例子就行，直接当成一个工具类来用，调用就行了

旧城等待，/ 2021年06月26日 16:06/ 0 赞/ 441 阅读