生成二維碼並以圖片格式下載-qrcodejs2


最近在做項目,碰到票據完成后的生成二維碼以及提供下載功能,這里談談個人實戰經驗:

先上代碼:

引入:

  

html:

  

js:

  

 

說明

  網上文章里提到的插件很多,但是好像並不是都有用(有點坑),實踐之后發現“qrcodejs2”這個是有效的;

生成二維碼

  調用createQr()方法,獲取后台返回的qrUrl(這個大家都懂的老),並將其作為參數傳入調用的qrCode(qrUrl)之中;

qrCode方法中new qrCode會生成一個qrCode實例,這里的傳參是關鍵,第一個參數是要存放的dom的id,第二個是配置options,里邊可以設置二維碼的寬度、高度、前/背景色、容錯度等等,此外應該還可以設置刷新機制(不過這個我沒試過,有興趣的自己可以試一下);

二維碼保存到本地

這里就說的簡單些了,調用自定義的savePic()方法,設置好圖片格式、下載提示信息和文件名就好了。

ok,打完收工!(希望對大家有幫助,如有疑問,歡迎交流、討論)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM