欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS生成和下載二維碼的代碼

 更新時間:2016年12月07日 17:30:34   作者:php程序猿的筆記  
本文給大家分享一段js代碼關(guān)于生成和下載二維碼功能,非常不錯,具有參考借鑒價值,感興趣的朋友一起看看吧

廢話不多說了,直接給大家貼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生成和下載二維碼的代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • js數(shù)組與字符串常用方法總結(jié)

    js數(shù)組與字符串常用方法總結(jié)

    本文主要總結(jié)了js數(shù)組與字符串的常用方法。具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 微信小程序表單驗證form提交錯誤提示效果

    微信小程序表單驗證form提交錯誤提示效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序表單驗證form提交錯誤提示效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • 非常不錯的[JS]Cookie精通之路

    非常不錯的[JS]Cookie精通之路

    Cookies,有些人喜歡它們,有些人憎恨它們。但是,很少有人真正知道如何使用它們?,F(xiàn)在你可以成為少數(shù)人中的成員-可以自傲的 Cookie 大師。
    2008-06-06
  • 通過實例了解Javascript柯里化流程

    通過實例了解Javascript柯里化流程

    這篇文章主要介紹了通過實例了解Javascript柯里化流程,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-03-03
  • iframe子頁面與父頁面在同域或不同域下的js通信

    iframe子頁面與父頁面在同域或不同域下的js通信

    根據(jù)iframe中src屬性是同域鏈接還是跨域鏈接,通信方式也不同,下面有個不錯的示例,需要的朋友可以參考下
    2014-05-05
  • JavaScript仿淘寶放大鏡效果

    JavaScript仿淘寶放大鏡效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript仿淘寶放大鏡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • angularjs模態(tài)框的使用代碼實例

    angularjs模態(tài)框的使用代碼實例

    這篇文章主要介紹了angularjs模態(tài)框的使用代碼實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-12-12
  • JavaScript localStorage使用教程詳解

    JavaScript localStorage使用教程詳解

    JavaScriptlocalStorage基本上是瀏覽器Window對象中的存儲,您可以在中存儲任何內(nèi)容localStorage,localStorage及其相關(guān)的sessionStorage是 Web Storage API的一部分,我們將在本文詳細(xì)了解這些,需要的朋友可以參考下
    2023-06-06
  • JavaScript Array Flatten 與遞歸使用介紹

    JavaScript Array Flatten 與遞歸使用介紹

    用 JavaScript 將 [1,2,3,[4,5, [6,7]], [[[8]]]] 這樣一個 Array 變成 [1,2,3,4,5, 6,7,8] 呢?傳說中的 Array Flatten
    2011-10-10
  • 原生js實現(xiàn)購物車功能

    原生js實現(xiàn)購物車功能

    這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)購物車功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09

最新評論