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 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
跟着JQuery API学Jquery 之三 筛选
Apr 09 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
JQuery实现简单验证码提示解决方案
Dec 20 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
javascript html5实现表单验证
Mar 01 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
JavaScript享元模式原理与用法实例详解
Mar 09 Javascript
OpenLayers3实现测量功能
Sep 25 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
PHP安装全攻略:APACHE
2006/10/09 PHP
来自PHP.NET的入门教程
2006/10/09 PHP
简化php模板页面中分页代码的解析
2009/02/06 PHP
PHP中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
php 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
PHP的JSON封装、转变及输出操作示例
2019/09/27 PHP
PHP时间类完整代码实例
2021/02/26 PHP
封装的原生javascript弹出层代码
2010/09/24 Javascript
js下将字符串当函数执行的方法
2011/07/13 Javascript
JS定时器实例
2013/04/17 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
python学习笔记:字典的使用示例详解
2014/06/13 Python
python中__slots__用法实例
2015/06/04 Python
深入浅析Python 中 is 语法带来的误解
2019/05/07 Python
Python简易版图书管理系统
2019/08/12 Python
numpy 返回函数的上三角矩阵实例
2019/11/25 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
人事部岗位职责范本
2014/03/05 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
2014年档案室工作总结
2014/12/01 职场文书
个人年底工作总结
2015/03/10 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL