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 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
Javascript 解疑
Nov 11 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
Js为表单动态添加节点内容的方法
Feb 10 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
ES6中的数组扩展方法
Aug 26 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
axios对请求各种异常情况处理的封装方法
Sep 25 Javascript
微信小程序实现的picker多级联动功能示例
May 23 Javascript
小程序调用微信支付的方法
Sep 26 Javascript
js实现限定区域范围拖拉拽效果
Nov 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
php的大小写敏感问题整理
2011/12/29 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
PHP的自定义模板引擎
2017/03/24 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
input的focus方法使用
2010/03/13 Javascript
jQuery $.each的用法说明
2010/03/22 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
javascript实现日历控件(年月日关闭按钮)
2012/12/12 Javascript
js中匿名函数的创建与调用方法分析
2014/12/19 Javascript
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
在vue中给列表中的奇数行添加class的实现方法
2018/09/05 Javascript
微信小程序绘制图片发送朋友圈
2019/07/25 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
Python中__init__.py文件的作用详解
2016/09/18 Python
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
大一自我鉴定范文
2013/12/27 职场文书
学生会主席就职演讲稿
2014/01/14 职场文书
就业自我评价
2014/02/04 职场文书
爱心倡议书范文
2014/05/12 职场文书
厨师长岗位职责范本
2014/08/25 职场文书
办公室岗位职责范本
2015/04/11 职场文书
贷款工资证明范本
2015/06/12 职场文书
如何书写邀请函?
2019/06/24 职场文书