前端生成二维码 jquery.qrcode.js

用jquery的二维码插件:jquery.qrcode.js

官方简介:jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。

jquery.qrcode.js 使用

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:

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

3. 然后通过下面代码生成 QRcode:

jQuery(‘#qrcode‘).qrcode("http://blog.wpjam.com");

4. 默认生成的二维码大小是 256×256,当然可以自定义大小:

jQuery(‘#qrcode‘).qrcode({width: 64,height: 64,text: "http://blog.wpjam.com"});

本文转自:http://blog.wpjam.com/m/jquery-qrcode/

时间: 2024-12-27 23:48:17

前端生成二维码 jquery.qrcode.js的相关文章

为网页生成二维码(jquery.qrcode.min.js)

做网站活动页面的时候,要为每个活动生成一个二维码,虽然简单,但还是习惯记录下来. jquery.qrcode.min.js是js的一个库,主流的浏览器都支持:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile方法: qrcode(),参数: text:要编码的字符串地址 width:定义的宽度 height:定义的高度 background:背景色 foreground:前景色 <!doct

前端生成二维码插件jquery.qrcode.min.js

1.插件介绍 jquery.qrcode.min.js插件是jq系列的基于jq,在引入该插件之前要先引入jq.能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码. 闲话少说,看demo吧!(haha...) 2.快速使用demo 简单介绍:这是一款快速应用案例,没有太特殊的需求的话够用了.鉴于需求,本例是把二维码生成了图片,可以保存到手机,然后发送给好友,直接识别二维码. 1 <!DOCTYPE html> 2 <html> 3 &

vue2.0 自定义 生成二维码(QRCode)组件

1.自定义 生成二维码组件 QRCode.vue <!-- 生成二维码 组件 --> <template> <canvas class="qrcode-canvas" :class="{show: show}" :style="{height: size + 'px', width: size + 'px'}" :height="size" :width="size" ref=

前端生成二维码

最近在做一个移动端项目,想实现点击按钮生成一个分享的二维码. 而项目一开始就是基于jquery2.0开发的,所以第一开始就JQ的插件,搜到jquery.qrcode.js,它支持以二种方式生成二维码,在支持canvas的现代浏览器下使用canvas来生成分享二维码, 在IE低版本等很搓的浏览器下使用table生成二维码图片,使用说明如下: 1.首先在页面中加入jquery库文件和qrcode插件. <script type="text/javascript" src="

flask 生成二维码(qrcode)

生成方法 # -*- coding: utf-8 -*- import qrcode from io import BytesIO def gen_qr_code(data): # 实例化QRCode生成qr对象 qr = qrcode.QRCode( version=1, error_correction=qrcode.constants.ERROR_CORRECT_H, box_size=10, border=4 ) # 传入数据 qr.add_data(data) qr.make(fit=

java生成二维码使用QRCode和ZXing两种方式

QRCode是日本人开发的ZXing是google开发的 QRCode开发需要包http://download.csdn.net/detail/xiaokui_wingfly/7957815 ZXing开发需要包http://download.csdn.net/detail/u010457960/5301392 QRCode方式: package cn.utils; import java.awt.Color; import java.awt.Graphics2D; import java.aw

js生成二维码以及点击下载二维码

js生成二维码 jquery.qrcode.js可以快速使用页面生成二维码.但改项目有两个小问题:1.不支持中文:2.不支持二维码中间生成图片. 支持中文的jquery-qrcode jquery.qrcode.js默认不支持中文.这跟js的机制有关系,jquery-qrcode这个库是采用 charCodeAt()这个方式进行编码转换的, 而这个方法默认会获取它的 Unicode 编码,一般的解码器都是采用UTF-8, ISO-8859-1等方式,英文是没有问题,如果是中文,一般情况下Unic

使用jquery.qrcode生成二维码实现微信分享功能

前言: 最近有个这样的需求,在pc端的商品详情页增加分享功能. 微博分享.QQ好友分享.QQ空间分享这些都很常见.但是微信分享我还没有手动写过(以前改过). 最终效果如下图: 解决方案:使用jquery.qrcode插件生成二维码 jquery.qrcode cdn地址 参见: https://www.bootcdn.cn/jquery.qrcode/ 1.加载 jQuery 和 jquery.qrcode.js: <script src="https://cdn.bootcss.com/

c# 使用ZXing.Net生成二维码

生活中使用二维码还是很多的,前段时间公司领导让研究一下二维码,所以,在这写下研究的心得. 生成二维码的途径一般有两种,一是,通过前端方式生成二维码使用 QRCode.js生成二维码,二就是通过服务端代码生成,这里主要说服务器端的生成二维码的方式. 一,首先服务端生成二维码,通过调用dll就可以了,比较常用的dll有两种一种是QrCode.Net另一种是ZXing.Net,我选择了ZXing.Net来生成二维码. 二,下载ZXing.dll 下载地址 http://zxingnet.codeple