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 相关文章推荐
实例:尽可能写友好的Javascript代码
Oct 09 Javascript
JavaScript中的对象化编程
Jan 16 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
Aug 18 Javascript
基于JS实现类似支付宝支付密码输入框
Sep 02 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
Mar 13 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
react实现复选框全选和反选组件效果
Aug 25 Javascript
node.js 如何监视文件变化
Sep 01 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设置session值和cookies的学习示例
2014/03/21 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
Composer设置忽略版本匹配的方法
2016/04/27 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
top.location.href 没有权限 解决方法
2008/08/05 Javascript
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
jQuery中bind()方法用法实例
2015/01/19 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
nodejs实现OAuth2.0授权服务认证
2017/12/27 NodeJs
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
jQuery pager.js 插件动态分页功能实例分析
2019/08/02 jQuery
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
Python专用方法与迭代机制实例分析
2014/09/15 Python
python算法演练_One Rule 算法(详解)
2017/05/17 Python
python实现停车管理系统
2018/11/30 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Django 用户认证组件使用详解
2019/07/23 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
Python datetime模块使用方法小结
2020/06/18 Python
英国家电直销:Appliances Direct
2016/09/22 全球购物
巴西男士胡须和头发护理产品商店:Beard
2017/11/13 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
计算机专业自荐信范文
2014/05/28 职场文书
2015年市场部工作总结
2015/04/30 职场文书
师范生教育见习总结
2015/06/23 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL