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 相关文章推荐
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
jquery maxlength使用说明
Sep 09 Javascript
首页图片漂浮效果示例代码
Jun 05 Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
深入理解Angularjs中$http.post与$.post
May 19 Javascript
vue Render中slots的使用的实例代码
Jul 19 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 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
收音机指标测试方法及仪器
2021/03/01 无线电
PHP详细彻底学习Smarty
2008/03/27 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
LINUX下PHP程序实现WORD文件转化为PDF文件的方法
2016/05/13 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP实现的统计数据功能详解
2016/12/06 PHP
JavaScript面向对象编程
2008/03/02 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
2011/09/02 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
Node.js 制作实时多人游戏框架
2015/01/08 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
2015/06/23 Javascript
setTimeout学习小结
2017/02/08 Javascript
JS实现留言板功能
2017/06/17 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
Fetch超时设置与终止请求详解
2019/05/18 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
Python运用于数据分析的简单教程
2015/03/27 Python
火车票抢票python代码公开揭秘!
2018/03/08 Python
详解python之协程gevent模块
2018/06/14 Python
tensorflow 中对数组元素的操作方法
2018/07/27 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
Python 判断奇数偶数的方法
2018/12/20 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
python给list排序的简单方法
2020/12/10 Python
JBL英国官网:JBL UK
2018/07/04 全球购物
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
行政副总岗位职责
2014/02/23 职场文书
西岭雪山导游词
2015/02/06 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
2015毕业设计工作总结
2015/07/24 职场文书
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript