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 相关文章推荐
网页打开自动最大化的js代码
Aug 22 Javascript
优化javascript的执行效率一些方法总结
Dec 25 Javascript
C#中使用迭代器处理等待任务
Jul 13 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
基于zepto的移动端轻量级日期插件--date_picker
Mar 04 Javascript
jQuery 如何给Carousel插件添加新的功能
Apr 18 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 jQuery
js中apply和Math.max()函数的问题及区别介绍
Mar 27 Javascript
js自定义input文件上传样式
Oct 26 Javascript
使用express获取微信小程序二维码小记
May 21 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数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
PHP写日志的实现方法
2014/11/05 PHP
同一页面多个商品倒计时JS 基于面向对象的javascript
2012/02/16 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
Javascript alert消息换行的方法
2013/08/07 Javascript
js中this用法实例详解
2015/05/05 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
2017/12/07 Javascript
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
微信 jssdk 签名错误invalid signature的解决方法
2019/01/14 Javascript
弱类型语言javascript中 a,b 的运算实例小结
2019/08/07 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
jQuery擦除插件eraser使用方法详解
2020/01/11 jQuery
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
用Python实现KNN分类算法
2017/12/22 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
对python:threading.Thread类的使用方法详解
2019/01/31 Python
Python对ElasticSearch获取数据及操作
2019/04/24 Python
Python迭代器模块itertools使用原理解析
2019/12/11 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
python 正则表达式参数替换实例详解
2020/01/17 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
建筑施工实习自我鉴定
2013/09/19 职场文书
安全生产大检查方案
2014/05/07 职场文书
总经理任命书范本
2014/06/05 职场文书
企业党建工作总结2015
2015/05/26 职场文书
用Python远程登陆服务器的步骤
2021/04/16 Python