jquery.codeプラグインは、2次元コードを生成し、使用

コードの、HTML部分

<DIV ID = "QRコード"> </ div>
<div>の
内容:の<input type = "テキスト" ID = "qrcodetext"値= "222"プレースホルダ= "二维码内容" /> </ BR>
サイズ: <INPUT TYPE = "テキスト" ID = "qrcodesize"値= "100" /> PX </ BR>
</ div>

第二に、プラグインと呼ばれる、と彼のパスJSを置き換えます

<THスクリプト:SRC = "@ {/ AJAX / LIBS / jqueryの-QRコード/ jquery.qrcode.min.js}"> </ SCRIPT>
<SCRIPT番目:SRC = "@ {/ AJAX / LIBS / jqueryの、QRコード/ qrcode.js} "> </ SCRIPT>

第三に、2次元コードは、JS、プロチャンネルマイクロメートルのクロムと、実効的なケースが発生していないので、デフォルトのレンダリングの試みを生成します

ます。<script type = "text / javascriptの">
VARプレフィックス= CTX + "デモは/学びます"。
jQueryの(関数(){
$( '#のqrcodetext')の変化(機能(){。
VAR qrcodetext = $( '#のqrcodetext')のval();。
(qrcodetext == "もし"){
falseを返す;
}
アップデート( );
});
。$( '#1 qrcodesize')の変化(関数(){
VAR qrcodesize = $( '#1 qrcodesize')のval();
(qrcodesize == "IF"){
falseを返す;
}
(更新) ;
});
更新()
関数の更新(){
。$( '#のQRコード')、HTML( ''); //先清空二维码
。$( '#のQRコード')QRコード({
レンダリング: "キャンバス"を、//渲染方式两种、テーブルの和キャンバス方式の
幅:$(」

ERRORLEVEL: "L"、//エラー訂正レベル
のテキスト:$( '#のqrcodetext' )のval()、// 任意のコンテンツ。

背景: "#FFFFFF"、//背景色
、フォアグラウンド: "#000000" //前景色

});
}
})。

</ SCRIPT>

 

おすすめ

転載: www.cnblogs.com/lzc-wendy/p/11022074.html