最近在做项目,碰到票据完成后的生成二维码以及提供下载功能,这里谈谈个人实战经验:
先上代码:
引入:
html:
js:
说明:
网上文章里提到的插件很多,但是好像并不是都有用(有点坑),实践之后发现“qrcodejs2”这个是有效的;
生成二维码:
调用createQr()方法,获取后台返回的qrUrl(这个大家都懂的老),并将其作为参数传入调用的qrCode(qrUrl)之中;
qrCode方法中new qrCode会生成一个qrCode实例,这里的传参是关键,第一个参数是要存放的dom的id,第二个是配置options,里边可以设置二维码的宽度、高度、前/背景色、容错度等等,此外应该还可以设置刷新机制(不过这个我没试过,有兴趣的自己可以试一下);
二维码保存到本地:
这里就说的简单些了,调用自定义的savePic()方法,设置好图片格式、下载提示信息和文件名就好了。
ok,打完收工!(希望对大家有帮助,如有疑问,欢迎交流、讨论)