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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
javascript 类型判断代码分析
Mar 28 Javascript
JavaScript类和继承 prototype属性
Sep 03 Javascript
js统计页面的来访次数实现代码
May 09 Javascript
js 动态修改css文件用到了cssRule
Aug 20 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
深入了解js原型模式
May 30 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 Javascript
详解webpack的文件监听实现(热更新)
Sep 11 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三元运算符的结合性介绍
2012/01/10 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
Php无限级栏目分类读取的实现代码
2014/02/19 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
Laravel框架中缓存的使用方法分析
2019/09/06 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
基于jquery的一个图片hover的插件
2010/04/24 Javascript
JavaScript隐式类型转换
2016/03/15 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
JavaScript 性能提升之路(推荐)
2019/04/10 Javascript
python文件写入实例分析
2015/04/08 Python
Python实现字典依据value排序
2016/02/24 Python
python 中split 和 strip的实例详解
2017/07/12 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
Python读写文件基础知识点
2019/06/10 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例
2020/12/16 Python
一个精品风格的世界:Atterley
2019/05/01 全球购物
linux面试题参考答案(7)
2012/10/29 面试题
农民工工资承诺书范文
2014/03/31 职场文书
大学毕业生个人自荐书
2014/07/02 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
党支部四风整改方案
2014/10/25 职场文书
2014年人事专员工作总结
2014/11/19 职场文书
2014年电工工作总结
2014/11/20 职场文书
毕业生班级鉴定评语
2015/01/04 职场文书
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技
ECharts transform数据转换和dataZoom在项目中使用
2022/12/24 Javascript