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实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
javascript 数组操作详解
Jan 29 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
JS实现打砖块游戏
Feb 14 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
Oct 29 Javascript
微信小程序实现拍照和相册选取图片
May 09 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 MYSQL中插入当前时间
2008/04/06 PHP
php懒人函数 自动添加数据
2011/06/28 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
php实时倒计时功能实现方法详解
2017/02/27 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
jQuery Ajax之load()方法
2009/10/12 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
非常漂亮的相册集 使用jquery制作相册集
2016/04/28 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
jQuery表单对象属性过滤选择器实例详解
2016/09/13 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
2017/07/19 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
jQuery实现的简单无刷新评论功能示例
2017/11/08 jQuery
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
vue 中 命名视图的用法实例详解
2019/08/14 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
python实现dict版图遍历示例
2014/02/19 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
python代码实现猜拳小游戏
2020/11/30 Python
物业管理员岗位职责范文
2013/11/25 职场文书
四年的大学生生活自我评价
2013/12/09 职场文书
《我要的是葫芦》教学反思
2014/02/23 职场文书
入党积极分子个人总结
2015/03/02 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
同学联谊会邀请函
2019/06/24 职场文书
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript