快捷搜索:   nginx

给你的网站增加二维码生成代码功能

给你的网站增加二维码生成代码功能,让访问者扫描一下你网站上的二维码就能直接访问你的页面。
方法一:运用第三方的图片生成功能

<!--将此代码放到<head>前面-->
<script type="text/javascript">// <![CDATA[
//http://chart.apis.google.com/chart?chs=500x500&cht=qr&chl=%E5%93%88&choe=UTF-8
function getObj(id) {
return document.getElementById(id);
}
function getQR() {
var width = '120';//图片宽度
var height = '120';//图片高度
var Code = 'UTF-8';//编码类型,UTF-8,Shift_JIS,ISO-8859-1
var Error = 'L|0';//容错:L 7%,M 15%,Q 25%,H 30%
var url = 'http://chart.apis.google.com/chart?cht=qr';
url += '&chs=' + width + 'x' + height;
//url += '&chl=' + encodeURI(getObj('txtContent').value);
//url += '&chl=' + encodeURI(window.location.href);
url += '&chl=' + 'http://www.bnxb.com/test.rar';//下载地址
url += '_id=' +encodeURI(getObj('txtid').value);
url += '_uhash=' +encodeURI(getObj('txtuhash').value);
url += '&choe=' + Code;
url += '&chld=' + Error;
getObj('txtUrl').value = url;
getObj('imgQR').style.display = 'block';
getObj('imgQR').src = url;
}
</script>
<!--将此代码放到<head>前面-->
<!--将此代码放到显示二维码的地方-->

    <img id="imgQR" style="border: solid 2px gray; margin: 1px 0px; display: none;" alt="下载地址http://www.bnxb.com/test.rar" />
    <input id="txtid"  type="hidden" value="文档ID可以不填" />//可选
    <input id="txtuhash"  type="hidden" value="网址" />//可选
    <input id="txtUrl"  type="hidden" />
    <script type="text/javascript">
    getQR();
   </script>
<!--将此代码放到显示二维码的地方-->


<img src="http://chart.apis.google.com/chart?cht=qr&chs=300x300&chl=http://www.bnxb.com/test.rar/">
或者:
<img src="http://api.qrtag.net/qrcode/100/10/http://www.bnxb.com/test.rar" alt="barcode">

二、使用PHP二维码生成类库PHP QR Code生成二维码
查看地址:http://phpqrcode.sourceforge.net/。如果看不懂英文不知道怎么下载也可以下载本站的https://www.bnxb.com/soft/site/26931.html

调用方法:
<img src="http://www.bnxb.com/qr/img.php?url={dede:field name='arcurl'/}">


由于二维码允许有一定的容错性,一般的二维码即使在遮住部分但仍然能够解码,经常我们扫描二维码的时候扫描到甚至不到一半时就能解码扫描结果,这是因为生成器会将部分信息重复表示来提高其容错度,这就是为什么我们在二维码中间加个LOGO图片并不影响解码结果的原因。



三、使用jquery-qrcode  这个js插件来生成
下载地址及详细使用方法见 https://www.bnxb.com/soft/site/26930.html


四、使用dede的插件模块来生成
下载地址及详细使用方法见https://www.bnxb.com/soft/site/26929.html

 

顶(2)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论