生成二维码并以图片格式下载-qrcodejs2
最近在做项目,碰到票据完成后的生成二维码以及提供下载功能,这里谈谈个人实战经验:
先上代码:
引入:
html:
js:
说明:
网上文章里提到的插件很多,但是好像并不是都有用(有点坑),实践之后发现“qrcodejs2”这个是有效的;
生成二维码:
调用createQr()方法,获取后台返回的qrUrl(这个大家都懂的老),并将其作为参数传入调用的qrCode(qrUrl)之中;
qrCode方法中new qrCode会生成一个qrCode实例,这里的传参是关键,第一个参数是要存放的dom的id,第二个是配置options,里边可以设置二维码的宽度、高度、前/背景色、容错度等等,此外应该还可以设置刷新机制(不过这个我没试过,有兴趣的自己可以试一下);
二维码保存到本地:
这里就说的简单些了,调用自定义的savePic()方法,设置好图片格式、下载提示信息和文件名就好了。
ok,打完收工!(希望对大家有帮助,如有疑问,欢迎交流、讨论)
转载于:https://www.cnblogs.com/sherlock-Ace/p/10987692.html
生成二维码并以图片格式下载-qrcodejs2相关推荐
- js生成二维码以及插入图片
js生成二维码以及插入图片 先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/ 进入dem ...
- jquery生成二维码怎么添加图片(两种方法)
github项目地址: https://github.com/fengliting/erweima 注意:这里实现的是第一个方法 自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二 ...
- java生成二维码(在图片上生成二维码(二维码带logo)并且在图片上添加文字标签)
1pom.xml <!--生成二维码--> <dependency><groupId>cn.hutool</groupId><artifactId ...
- Java生成二维码并把图片流导出压缩包下载(亲测可用)
目录 背景 Maven依赖相关 二维码生成 基础实体类 二维码工具类 控制层代码 结果展示 单个二维码 二维码压缩包 源码地址 背景: 实际开发中有不少二维码生成并下载的需求,单个和批量下载都比较常见 ...
- .NetCore使用Gma.QrCodeNet生成二维码显示VCard名片格式
部分数据从下面这个链接来的,只是觉得代码比较冗余,所以........ 想看的可以去看下: C# 生成 联系人 二维码_勇敢小菜鸟的博客-CSDN博客NuGet 引用库不废话贴代码:using Gma ...
- java 简单快速的生成二维码(带图片)
**使用java+zxing 简单快速的生成二维码.** 效果图: 首先需要引入两个jar文件: <dependency><groupId>commons-codec</ ...
- jquery 生成二维码并嵌入图片
用到的js 库 jquery-3.3.1.min.js jquery.qrcode.min.js html2canvas.js (百度云链接:https://pan.baidu.com/s ...
- 生成二维码,合成图片
1.动态生成二维码 链接:https://pan.baidu.com/s/14cDyPTWOn_YuHWE-cfrIfg 提取码:6bfv 使用: <div class="qrcode ...
- C# ASP.NET 生成二维码、加入图片
1.利用 ThoughtWorks.QRCode.dll 组件生成(目前比较流行的) 2.话不多说,写了个简单实例(控制台程序),代码如下 using System; using System.Dra ...
最新文章
- EditText 中文文档
- 大数据时代的数据挖掘
- 031_自己对ArrayList中Iterator的实现
- 全球及中国固体真空重合器行业深度调研及竞争格局展望报告2021-2027年版
- 计算机网络与云计算研究背景,基于云计算背景下的计算机网络安全研究
- oracle的OCI目录下没有samples包的解决方案
- 神经网络(补充)(第五章)
- 河南洛阳计算机操作题,洛阳中招理化生实验操作考试、信息技术考试下月1日开考...
- MVC Remote属性验证
- 测试工程师在软件测试阶段依据,北京软件测试工程师建立软件测试管理与评判体系...
- appliedzkp zkevm(13)中的Public Inputs
- Win10方便快捷键
- 查询数据库表空间文件位置及扩充表空间,查询表空间容量
- 【推荐】我的FLASH情结2010——浅谈FLASH WEB GAME与创业(3)
- u-boot 自定义命令
- 数模学习(模糊数学篇)——模糊识别(python实现)
- 华为手机备份工具备份方法与新版本不再支持备份到手机内部存储解决办法
- Tensorflow下利用Deeplabv3+训练自己的数据(超详细完整版)
- 2022年焊工(初级)试题及答案
- 玉米、水稻、甘蔗等农作物图片数据集
热门文章
- SQL Server初探
- Maven学习笔记5:Maven属性、profile和资源过滤
- 用GSON 获取JSON数组属性
- 无外网情况下RPM方式安装MySQL5.6
- Android 图标上面添加提醒(二)使用开源UI类库 Viewbadger
- USACO Section2.2 Preface Numbering 解题报告 【icedream61】
- [zz]va_start() 和 va_end()函数应用
- 常用的Oracle命令整理
- 08-09 性能测试--CPU分析
- 软件安全测试的几个原则