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 相关文章推荐
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 Javascript
Angularjs实现搜索关键字高亮显示效果
Jan 17 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
Dec 09 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
解决$store.getters调用不执行的问题
Nov 08 Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 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模板类代码
2008/09/07 PHP
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
php快递单号查询接口使用示例
2014/05/05 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
2010/03/21 Javascript
js实现网页收藏功能
2015/12/17 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
express框架实现基于Websocket建立的简易聊天室
2017/08/10 Javascript
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
JavaScript实现短信倒计时60s
2017/10/09 Javascript
vue中组件的3种使用方式详解
2019/03/23 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
python中的二维列表实例详解
2018/06/19 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
Python之pymysql的使用小结
2019/07/01 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
Python中six模块基础用法
2019/12/08 Python
Django ModelForm操作及验证方式
2020/03/30 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
英国最大的汽车交易网站:Auto Trader UK
2016/09/23 全球购物
我们是伦敦女孩:WalG
2018/01/08 全球购物
MYSQL支持事务吗
2013/08/09 面试题
焊接专业毕业生求职信
2013/10/01 职场文书
历史专业毕业生的自我鉴定
2013/11/15 职场文书
男方父母证婚词
2014/01/12 职场文书
党校培训自我鉴定
2014/02/01 职场文书
新学期决心书
2014/03/11 职场文书
国旗下的演讲稿
2014/05/08 职场文书
颐和园英文导游词
2015/01/30 职场文书
小学工作总结2015
2015/05/04 职场文书