最近在做項目,碰到票據完成后的生成二維碼以及提供下載功能,這里談談個人實戰經驗:
先上代碼:
引入:
html:
js:
說明:
網上文章里提到的插件很多,但是好像並不是都有用(有點坑),實踐之后發現“qrcodejs2”這個是有效的;
生成二維碼:
調用createQr()方法,獲取后台返回的qrUrl(這個大家都懂的老),並將其作為參數傳入調用的qrCode(qrUrl)之中;
qrCode方法中new qrCode會生成一個qrCode實例,這里的傳參是關鍵,第一個參數是要存放的dom的id,第二個是配置options,里邊可以設置二維碼的寬度、高度、前/背景色、容錯度等等,此外應該還可以設置刷新機制(不過這個我沒試過,有興趣的自己可以試一下);
二維碼保存到本地:
這里就說的簡單些了,調用自定義的savePic()方法,設置好圖片格式、下載提示信息和文件名就好了。
ok,打完收工!(希望對大家有幫助,如有疑問,歡迎交流、討論)