<p id="qrcode"></p>//這個是html部分<a id="download" download="test.jpg"></a> <input type="button" id="down" value="下載">
var qrcode = new QRCode(document.querySelector('#qrcode'),{ width : 96,//設置二維碼的寬高 height : 96 }); qrcode.makeCode("http://www.baidu.com/");//按地址生成二維碼 var url = $('#qrcode canvas').toDataURL('image/jpeg'); //轉成jpg圖片 $('#down').click(function(){ $("#download").attr('href', url); })//下載
<p id="qrcode"></p> <a id="download" download="test.jpg"></a> <input type="button" id="save" value="save" />
<script src="js/jquery.qrcode.min.js"></script> jQuery('#qrcode').qrcode({width: 96,height: 96,text:"http://www.baidu.com"}); $("#save").click(function(){ var canvas = $('#qrcode').find("canvas").get(0); var url = canvas.toDataURL('image/jpeg'); $("#download").attr('href', url).get(0).click(); return false; });
js生成二維碼的本人只知道兩種,可以下載,第一種本來下載不了的我試了一下,還是可以把它下載一下來的,基本和第二種的方法一樣。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com