生成二维码并以图片格式下载-qrcodejs2

最近在做项目,碰到票据完成后的生成二维码以及提供下载功能,这里谈谈个人实战经验:

先上代码:

引入:

  

html:

  

js:

  

 

说明

  网上文章里提到的插件很多,但是好像并不是都有用(有点坑),实践之后发现“qrcodejs2”这个是有效的;

生成二维码

  调用createQr()方法,获取后台返回的qrUrl(这个大家都懂的老),并将其作为参数传入调用的qrCode(qrUrl)之中;

qrCode方法中new qrCode会生成一个qrCode实例,这里的传参是关键,第一个参数是要存放的dom的id,第二个是配置options,里边可以设置二维码的宽度、高度、前/背景色、容错度等等,此外应该还可以设置刷新机制(不过这个我没试过,有兴趣的自己可以试一下);

二维码保存到本地

这里就说的简单些了,调用自定义的savePic()方法,设置好图片格式、下载提示信息和文件名就好了。

ok,打完收工!(希望对大家有帮助,如有疑问,欢迎交流、讨论)

 

 

礼貌推荐:淘宝店铺,新店开业,百万电子书库,全面覆盖微信读书付费资源,价格优惠,低至1元起,多买多送,欢迎大家光临选购!

https://item.taobao.com/item.htm?abbucket=13&id=764265142285&ns=1&skuId=5436577367458&spm=a21n57.1.0.0.4a96523cf4immD

 

posted @ 2019-06-07 10:06  无敌徐最俊朗  阅读(2925)  评论(0编辑  收藏  举报