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 相关文章推荐
不同浏览器的怪癖小结
Jul 11 Javascript
jQuery中clone()方法用法实例
Jan 16 Javascript
基于jQuery实现在线选座之高铁版
Aug 24 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
jq checkbox 的全选并ajax传参的实例
Apr 01 Javascript
vue下载excel的实现代码后台用post方法
May 10 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 Javascript
Ant Design Pro 下实现文件下载的实现代码
Dec 03 Javascript
JS实现判断移动端PC端功能
Feb 21 Javascript
vue 判断元素内容是否超过宽度的方式
Jul 29 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
全国FM电台频率大全 - 21 海南省
2020/03/11 无线电
php 表单验证实现代码
2009/03/10 PHP
程序员编程十条戒律
2009/07/09 PHP
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
基于php和mysql的简单的dao类实现crud操作功能
2014/01/27 PHP
PHP、Python和Javascript的装饰器模式对比
2015/02/03 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
AngularJS实现路由实例
2017/02/12 Javascript
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
微信小程序开发中var that =this的用法详解
2020/01/18 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
[01:05:24]Ti4 冒泡赛第二天 iG vs NEWBEE 3
2014/07/15 DOTA
python实现的系统实用log类实例
2015/06/30 Python
python常用函数与用法示例
2019/07/02 Python
django中使用POST方法获取POST数据
2019/08/20 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
Python eval函数介绍及用法
2020/11/09 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
简述数据库的设计过程
2015/06/22 面试题
原料仓管员岗位职责
2015/04/01 职场文书
导游词之无锡梅园
2019/11/28 职场文书
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js
python如何为list实现find方法
2022/05/30 Python
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle