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数组中如何随机取出一个值
Jun 13 Javascript
js分页工具实例
Jan 28 Javascript
IE10中flexigrid无法显示数据的解决方法
Jul 26 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
Nov 30 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 Javascript
Angularjs 1.3 中的$parse实例代码
Sep 14 Javascript
详解小程序如何避免多次点击,重复触发事件
Apr 08 Javascript
纯javascript实现选择框的全选与反选功能
Apr 08 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 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
使用 eAccelerator加速PHP代码的方法
2007/09/30 PHP
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
php旋转图片90度的方法
2013/11/07 PHP
PHP生成图片缩略图类示例
2017/01/12 PHP
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
javascript this用法小结
2008/12/19 Javascript
推荐20家国外的脚本下载网站
2011/04/28 Javascript
基于jquery的$.ajax async使用
2011/10/19 Javascript
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
JS父页面与子页面相互传值方法
2014/03/05 Javascript
js身份证判断方法支持15位和18位
2014/03/18 Javascript
javascript基本语法
2016/05/31 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
vue设计一个倒计时秒杀的组件详解
2019/04/06 Javascript
JavaScript实现单图片上传并预览功能
2019/09/30 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
我所理解的JavaScript中的this指向
2020/09/04 Javascript
Python函数中的函数(闭包)用法实例
2016/03/15 Python
python读写文件write和flush的实现方式
2020/02/21 Python
django 解决扩展自带User表遇到的问题
2020/05/14 Python
Django的ListView超详细用法(含分页paginate)
2020/05/21 Python
python实现简单的五子棋游戏
2020/09/01 Python
JACK & JONES英国官方网站:欧洲领先的男装生产商
2017/09/27 全球购物
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
Hobbs官方网站:英国奢华女性时尚服装
2020/02/22 全球购物
违反工作纪律检讨书
2014/02/15 职场文书
标准离婚协议书(2014版)
2014/10/05 职场文书
2014年检验科工作总结
2014/11/22 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
职工宿舍管理制度
2015/08/05 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
2019年“我为祖国点赞”演讲稿(3篇)
2019/09/26 职场文书
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL
JavaScript流程控制(分支)
2021/12/06 Javascript