毛超帅使用 jquery.qrcode.js 生成网站地址url二维码图片______软件开发-JAVA

最新推荐文章于 2025-11-14 07:09:05 发布

原创最新推荐文章于 2025-11-14 07:09:05 发布 · 4.9k 阅读

1 ·

CC 4.0 BY-SA版权

软件开发-JAVA 专栏收录该内容

40 篇文章

订阅专栏

该博客介绍了如何利用jquery.qrcode.js这个jQuery插件在浏览器中生成网站URL的二维码图片，无需第三方服务，简单易用，并展示了调整大小后的效果。

使用 jquery.qrcode.js 生成网站地址url二维码图片

标签： jQuery

使用 jquery.qrcode.js 生成网站地址url二维码图片

jquery.qrcode.js 是一个纯浏览器生成QRcode的jQuery 插件，使用非常简单，生成的 QRcode 无需下载图片，不依赖第三方服务。

1、引入jQuery和 jquery.qrcode.js

 
        <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>

2、创建一个用于包含QRcode二维码图片的页面DOM元素

 
        <div id=
        "qrcode"
        ></div>

3、代码生成 QRcode

jQuery('#qrcode').qrcode("http://www.80iter.com");

4、修改生成的大小

jQuery('#qrcode').qrcode({width: 64,height: 64,text: "http://www.80iter.com"});

5、效果，如本文右侧图片

内容均为作者独立观点，不代表八零IT人立场，如涉及侵权，请及时告知。

本站文章除注明转载外，均为本站原创，欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创和谐网络社区。
转载请注明：文章转载自-八零IT人 [ http://www.80iter.com ]
本文标题：使用 jquery.qrcode.js 生成网站地址url二维码图片
本文地址： http://www.80iter.com/blog/1469676993750538