Java 二維碼生成圖片《二》

Java 二維碼生成圖片《一》 已經講了,通過Java代碼把二維碼內容以圖片的形式保存到本地。這次講把生成的二維碼圖片展示到WEB界面。
先給出展示二維碼圖片效果:
這裏寫圖片描述
看一下項目目錄結構:
這裏寫圖片描述
注意:首先需要第三方的js文件:jquery.qrcode.min.js,還需要jquery的js,其中的canvas還可以換成 table,用於在不支持html5的瀏覽器中使用。

chen.html 源碼:


<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<script src="js/qrcode/jquery.qrcode.min.js"></script>

</head> 

<div style="width:800px;margin:50px auto;text-align:center">
<h1> 辰小狼睡不醒的博客: http://blog.csdn.net/chenfengbao/ 轉換爲二維碼</h1>
<div id="qrcode"></div>

</div>


<script>
$(function(){
    $('#qrcode').qrcode({render:'canvas',text:"http://blog.csdn.net/chenfengbao/",width:260,height:260});  
});


</script>

tomcat服務器訪問以下就可以看到效果了。我這裏的路徑是:http://localhost:8080/Chen_Rcode/chen.html

完{《end》
文末會給出完整的示例。連接:http://download.csdn.net/download/chenfengbao/10235452
或者直接點擊這裏

備註:要是沒有C幣的童鞋,可以留下郵箱,我會發送源碼的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章