JS生成和下载二维码的代码


Posted in Javascript onDecember 07, 2016

废话不多说了,直接给大家贴js代码了,具体代码如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>js_canvas_download</title> 
<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="qrcode"></div> 
<a id="download" download="qrcode.jpg"></a> 
<button id="save">save</button> 
</body> 
</html> 
<script> 
jQuery('#qrcode').qrcode({width: 500,height: 500,text: "http://www.baidu.com"}); 
$("#save").click(function(){ 
var canvas = $('#qrcode').find("canvas").get(0); 
var url = canvas.toDataURL('image/jpeg'); 
$("#download").attr('href', url).get(0).click(); 
return false; 
}); 
</script>

以上所述是小编给大家介绍的JS生成和下载二维码的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery CSS选择器笔记
Mar 29 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
jquery 实现上下滚动效果示例代码
Aug 09 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
May 11 Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 Javascript
Bootstrap框架安装使用详解
Jan 21 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
6行代码实现微信小程序页面返回顶部效果
Dec 28 Javascript
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 #Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 #Javascript
DropDownList实现可输入可选择(两种版本可选)
Dec 07 #Javascript
BootstrapValidator超详细教程(推荐)
Dec 07 #Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
Dec 07 #Javascript
利用jquery实现下拉框的禁用与启用
Dec 07 #Javascript
jquery实现文本框的禁用和启用
Dec 07 #Javascript
You might like
多文件上载系统完整版
2006/10/09 PHP
php你的验证码安全码?
2007/01/02 PHP
PHP 图像尺寸调整代码
2010/05/26 PHP
PHP数据库操作之基于Mysqli的数据库操作类库
2014/04/19 PHP
php查询ip所在地的方法
2014/12/05 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
IE事件对象(The Internet Explorer Event Object)
2012/06/27 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
JSON取值前判断
2014/12/23 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
vue2.x+webpack快速搭建前端项目框架详解
2017/11/30 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python 字符串大小写转换的简单实例
2017/01/21 Python
windows下Python实现将pdf文件转化为png格式图片的方法
2017/07/21 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
Python操作列表常用方法实例小结【创建、遍历、统计、切片等】
2019/10/25 Python
Python如何安装第三方模块
2020/05/28 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
求职者怎样写自荐信
2014/04/13 职场文书
银行竞聘报告范文
2014/11/06 职场文书
学生不参加考试检讨书
2015/02/19 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书
入党后的感想
2015/08/10 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
2022/04/19 Javascript