生成二维码并保存为图片,点击下载此二维码

简单实现的效果,如有更好的请指教

利用jquery 加jquery.qrcode

 //外部的js<script src="./jquery/2.1.4/jquery.min.js"></script><script src="./jquery/jquery.qrcode.min.js"></script>

HTML代码

  <div id="ewm"> </div><img id="imgOne" /><div class="down" onclick="down()">下载二维码</div>

js

     //用qrcode做一个二维码var qrcode = $("#ewm").qrcode("https://blog.csdn.net/qq_44235822/article/details/97622966").hide();        //qrcode里边为扫描进入的地址var canvas = qrcode.find('canvas').get(0);//把canvas的二维码转换为图片$("#imgOne").attr("src",canvas.toDataURL('image/jpg')); function down(){             //点击下载二维码var canvas = qrcode.find('canvas').get(0);var a = document.createElement("a");a.href=canvas.toDataURL("image/jpg");a.download = "ewm.jpg";a.click();}

js生成二维码,并将生成的二维码进行保存(手动下载)相关推荐

  1. jquery.qrcode生成带logo的二维码,同时生成带二维码的好友分享图片(js与canvas实现二维码和图片合成的海报)

    首先给大家看一下效果图(纯jQuery前端技术): 提供一下demo 源代码和jquery.qrcode文件下载: https://download.csdn.net/download/qq15577 ...

  2. (转)ZXing生成二维码和带logo的二维码,模仿微信生成二维码效果

    场景:移动支付需要对二维码的生成与部署有所了解,掌握目前主流的二维码生成技术. 1 ZXing 生成二维码 首先说下,QRCode是日本人开发的,ZXing是google开发,barcode4j也是老 ...

  3. 二维码相关---java生成二维码名片,并且自动保存到手机通讯录中...

    二维码相关---java生成二维码名片,并且自动保存到手机通讯录中... 技术qq交流群:JavaDream:251572072 1.首先介绍一个api.   Zxing是Google提供的关于条码 ...

  4. 二维码插件qrcode生成二维码信息

    文章目录 二维码插件qrcode: JS逻辑实现: html展示与下载调用部分: 图片信息展示如下: 二维码插件qrcode: JS逻辑实现: <!-- 二维码插件,qrcode.min.js下 ...

  5. html2canvas以及domtoimage的使用踩坑总结 动态获取的二维码失效如何生成海报

    //判断手机为安卓还是ios 安卓html2canvas方法 ios系统dom-to-image方法 $(".code").click(function() {var u = na ...

  6. 网页前端知识汇总(三)——网页前端利用二维码插件qrcode生成在线二维码

    最近几年二维码的广泛应用,方便了很多行业,如支付宝,微信,小程序扫码之类的,这个在二十年前,想都不敢想这么方便,那时候有书刊编码扫一扫都感觉是高科技了,如今,二维码的广泛应用,生活还是方便了不少!这个 ...

  7. 微信扫码支付与生成二维码

    二维码 (1) 容错级别 L级(低) 7%的码字可以被恢复. M级(中) 的码字的15%可以被恢复. Q级(四分)的码字的25%可以被恢复. H级(高) 的码字的30%可以被恢复. (2) 二维码生成 ...

  8. 二维码相关---java生成二维码名片,而且自己主动保存到手机通讯录中...

    版权声明:本文为博主原创文章,未经博主credreamer 同意不得转载 违者追究法律责任. https://blog.csdn.net/lidew521/article/details/244418 ...

  9. Py之qrcode:调用python的qrcode库两种方式生成二维码、带logo的二维码

    Py之qrcode:调用python的qrcode库两种方式生成二维码.带logo的二维码 目录 python编程实现生成二维码 1.第一种方式-纯文本 2.第二种方式-带logo

  10. 基于ZXing Android实现生成二维码图片和相机扫描二维码图片即时解码的功能

    NextQRCode ZXing开源库的精简版 **基于ZXing Android实现生成二维码图片和相机扫描二维码图片即时解码的功能 原文博客 附源码下载地址** 与原ZXingMini项目对比 N ...

最新文章

  1. python操作excel和txt文件
  2. 世界卫生日:大数据解读抑郁症群体
  3. java实现js取反_特定位取反(js实现)
  4. Redis学习笔记~是时候为Redis实现一个仓储了,RedisRepository来了
  5. oracle sys可以登录,system权限不足,解决方法
  6. 10 本大数据高分书籍,收好给头脑充充电吧~
  7. C# Console Application
  8. 三个字组成的字:鑫、淼、焱、众 …………
  9. 出生年分数 15作者 陈越单位 浙江大学
  10. 完美解决VS2003.Net fatal error LNK1201: 写入程序数据库“.pdb”时出错
  11. 电信物联网开放平台_NB-IoT业务对接 Java 后台、Android 前端已完成预研
  12. Pandas 01- Series
  13. SpringBoot如何防止重复提交--use
  14. 按位取反‘~’是啥?
  15. Fabric 超级账本学习【1】Fabcar网络调用Fabric-Java-SDK进行简单开发 FabCar
  16. 第五次面试----中软国际有限公司
  17. Java中length、length()、size()区别
  18. 还在自建代码仓库?阿里云 云效 的这款企业级代码管理工具免费、还香!
  19. 使用Matplotlib绘制南丁格尔玫瑰图
  20. int,long,String,cron和Date格式的相互转化

热门文章

  1. 越级智慧战力 奇瑞新能源奇瑞无界Pro
  2. 情人节用C++给女朋友比个心
  3. Laravel快速建站
  4. 绝地求生-通过Actor名字查询ActorId
  5. C. Tic-tac-toe
  6. html输入框 多出的字隐藏,input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
  7. Spring定时任务-多线程配置
  8. redis 高级应用
  9. Android 与手机通讯相关的状态和信息的类 TelephonyManager
  10. word中更改表格的边框粗细