qr_mag.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
  3. <head>
  4. <title>Simple Magstripe QR test (prototype, not for general use)</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  7. <script type="text/javascript" src="jquery.min.js"></script>
  8. <script type="text/javascript" src="qrcode.js"></script>
  9. <script type="text/javascript" src="crypto-js.js"></script>
  10. </head>
  11. <body>
  12. <input id="text" type="text" value="test" style="width:80%" />
  13. <br />
  14. <div id='seed'></div>
  15. <div id='clear_text'></div>
  16. <div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
  17. <script type="text/javascript">
  18. function base64ToHex(str) {
  19. const raw = atob(str);
  20. let result = '';
  21. for (let i = 0; i < raw.length; i++) {
  22. const hex = raw.charCodeAt(i).toString(16);
  23. result += (hex.length === 2 ? hex : '0' + hex);
  24. }
  25. return result;
  26. }
  27. function base64ToArrayBuffer(base64) {
  28. var binary_string = window.atob(base64);
  29. var len = binary_string.length;
  30. var bytes = new Uint8Array(len);
  31. for (var i = 0; i < len; i++) {
  32. bytes[i] = binary_string.charCodeAt(i);
  33. }
  34. return bytes.buffer;
  35. }
  36. var qrcode = new QRCode(document.getElementById("qrcode"), {
  37. width : 400,
  38. height : 400,
  39. correctLevel: QRCode.CorrectLevel.L
  40. });
  41. function makeCode () {
  42. var elText = document.getElementById("text");
  43. if (!elText.value) { return; }
  44. qrcode.makeCode(elText.value);
  45. }
  46. makeCode();
  47. $("#text").
  48. on("blur", function () { makeCode(); }).
  49. on("keydown", function (e) { if (e.keyCode == 13) { makeCode(); } });
  50. </script>
  51. </body>
  52. </html>