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 相关文章推荐
js url传值中文乱码之解决之道
Nov 20 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
JS异常处理的一个想法(sofish)
Mar 14 Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 Javascript
基于js对象,操作属性、方法详解
Aug 11 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
Oct 13 Javascript
基于Three.js插件制作360度全景图
Nov 29 Javascript
JS实现购物车特效
Feb 02 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
echarts设置图例颜色和地图底色的方法实例
Aug 01 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 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
JAVA/JSP学习系列之六
2006/10/09 PHP
百度工程师讲PHP函数的实现原理及性能分析(二)
2015/05/13 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
用javascript连接access数据库的方法
2006/11/17 Javascript
JavaScript 函数调用规则
2009/09/14 Javascript
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
js判断鼠标左、中、右键哪个被点击的方法
2015/01/27 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
2015/08/24 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
Vue v2.5 调整和更新不完全问题
2017/10/24 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
Django接受前端数据的几种方法总结
2016/11/04 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
flask框架中勾子函数的使用详解
2018/08/01 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
HTML5 本地存储 LocalStorage详解
2016/06/24 HTML / CSS
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
关于VPN
2012/06/10 面试题
高级销售员求职信
2013/10/25 职场文书
会计专业毕业生求职信分享
2014/01/03 职场文书
新员工欢迎词
2014/01/12 职场文书
机修车间主任岗位职责
2015/04/08 职场文书
三好学生竞选稿
2015/11/21 职场文书
《将心比心》教学反思
2016/02/23 职场文书
浅谈 JavaScript 沙箱Sandbox
2021/11/02 Javascript
德生BCL3000抢先使用感受和评价
2022/04/07 无线电