JS生成和下載二維碼的代碼
更新時(shí)間：2016年12月07日 17:30:34 作者：php程序猿的筆記
本文給大家分享一段js代碼關(guān)于生成和下載二維碼功能，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
廢話不多說(shuō)了，直接給大家貼js代碼了，具體代碼如下所示：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js_canvas_download</title>
<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
</head>
<body>
<div id="qrcode"></div>
<a id="download" download="qrcode.jpg"></a>
<button id="save">save</button>
</body>
</html>
<script>
jQuery('#qrcode').qrcode({width: 500,height: 500,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;
});
</script>
以上所述是小編給大家介紹的JS生成和下載二維碼的代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
微信小程序?qū)崿F(xiàn)拉鏈?zhǔn)降幕瑒?dòng)驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拉鏈?zhǔn)降幕瑒?dòng)驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
本篇文章主要是對(duì)js獲取當(dāng)前頁(yè)面路徑的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章主要介紹了JS小技巧之通過(guò)字符串追加元素方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
目前，國(guó)內(nèi)很流行一種流氓行為：使用框架(Frame)，將你的網(wǎng)頁(yè)嵌入它的網(wǎng)頁(yè)中,如何防止嵌入框架代碼呢，下面小編給大家整理了相關(guān)資料，如何屏蔽防止別的網(wǎng)站嵌入框架代碼，需要的朋友一起來(lái)學(xué)習(xí)下2015-08-08
momentjs實(shí)現(xiàn)DatePicker時(shí)間禁用的項(xiàng)目實(shí)踐
momentjs是一個(gè)處理時(shí)間的js庫(kù),簡(jiǎn)潔易用,本文來(lái)介紹一下momentjs實(shí)現(xiàn)DatePicker時(shí)間禁用,具有一定的參考價(jià)值,感興趣的可以了解一下2023-09-09
JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)點(diǎn)擊事件統(tǒng)計(jì)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JavaScript實(shí)現(xiàn)Flash炫光波動(dòng)特效
JavaScript寫(xiě)的炫光波動(dòng)效果,看到一些Flash效果不錯(cuò),用JS也模擬一下,還有很多不完善的地方,給各位參考參考。2015-05-05
YUI Compressor壓縮JavaScript原理及微優(yōu)化
最近寫(xiě)一個(gè)jQuery插件，在最后完成優(yōu)化時(shí)，對(duì)比發(fā)現(xiàn)壓縮后文件比較大，就思考那些是可以被修改和優(yōu)化的，發(fā)現(xiàn)壓縮原理也有很大的空間可以學(xué)習(xí)2013-01-01
JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)
這篇文章主要介紹了JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-11-11
這篇文章主要為大家介紹了Leaflet 基礎(chǔ)入門教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01