TwoDimensionCode.jsp 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>接口管理</title>
  6. <meta name="decorator" content="ani"/>
  7. <script type="text/javascript">
  8. //去后台解析二维码返回解析内容
  9. function readContent(str){
  10. $.ajax({
  11. type: "POST",
  12. url: '${ctx}/tools/TwoDimensionCodeController/readTwoDimensionCode',
  13. data: {imgId:str,tm:new Date().getTime()},
  14. dataType:'json',
  15. cache: false,
  16. success: function(data){
  17. if("success" == data.result){
  18. if('null' == data.readContent || null == data.readContent){
  19. jp.alert('读取失败,二维码无效!');
  20. }else{
  21. $("#readContent").text(data.readContent);
  22. }
  23. }else{
  24. jp.alert('后台读取出错!');
  25. return;
  26. }
  27. }
  28. });
  29. }
  30. //生成二维码
  31. function createTwoD(){
  32. if($("#encoderContent").val()==""){
  33. jp.alert('输入框不能为空!');
  34. $("#encoderContent").focus();
  35. return false;
  36. }
  37. $.ajax({
  38. type: "POST",
  39. url: '${ctx}/tools/TwoDimensionCodeController/createTwoDimensionCode.do',
  40. data: {encoderContent:$("#encoderContent").val(),tm:new Date().getTime()},
  41. dataType:'json',
  42. cache: false,
  43. success: function(data){
  44. if(data.success){
  45. $("#encoderImgId").attr("src",data.body.filePath);
  46. }else{
  47. jp.alert('生成二维码失败!');
  48. return false;
  49. }
  50. }
  51. });
  52. return true;
  53. }
  54. </script>
  55. </head>
  56. <body>
  57. <div class="wrapper wrapper-content">
  58. <div class="panel panel-primary">
  59. <div class="panel-heading">
  60. <h3 class="panel-title">二维码测试</h3>
  61. </div>
  62. <div class="panel-body">
  63. <form class="form-horizontal">
  64. <div class="form-group">
  65. <div class="col-sm-2">二维码内容</div>
  66. <div class="col-sm-8">
  67. <input type="text" id="encoderContent" title="输入内容" value="http://www.jeeplus.org" class="form-control">
  68. <span class="help-block">请输入要生成二维码的字符串</span>
  69. </div>
  70. <div class="col-sm-2">
  71. <a class="btn btn-primary" onclick="createTwoD();">生成</a>
  72. </div>
  73. </div>
  74. <div class="hr-line-dashed"></div>
  75. <div class="form-group">
  76. <div class="col-sm-2">二维码图像</div>
  77. <div class="col-sm-8">
  78. <img id="encoderImgId" cache="false" width="265px" height="265px;" class="block"/>
  79. <span class="help-block">使用微信扫一扫</span>
  80. </div>
  81. </div>
  82. </form>
  83. </div>
  84. </div>
  85. </div>
  86. </body>
  87. </html>