生成二维码
需要引入JQUERY
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<div class="container-fluid" id="main-container">
<div id="page-content" class="clearfix">
<div class="row-fluid">
<div class="span12">
<div class="widget-box">
<div class="widget-header widget-header-blue widget-header-flat wi1dget-header-large">
<h4 class="lighter">二维码</h4>
</div>
<div class="widget-body">
<div class="widget-main">
<div class="step-content row-fluid position-relative">
<div style="float: left;">
<span class="input-icon">
<input type="text" id="encoderContent" title="输入内容" value="https://www.baidu.com" style="width:300px;">
<i class="icon-edit"></i>
</span>
</div>
<div style="margin-top: -5px;">
<button class="btn btn-app btn-light btn-mini" onclick="createTwoD();">
<i class="icon-print"></i>
</button>
</div>
<div style="width:715px;padding-left: 20px;">
<div style="width:285px;float: left;">
<div class="widget-box">
<div class="widget-header widget-header-flat widget-header-small">
<h5><i class="icon-credit-card"></i>
生成二维码
</h5>
<div class="widget-toolbar no-border">
</div>
</div>
<div class="widget-body">
<div class="widget-main">
<img id="encoderImgId" cache="false" src="<%=basePath%>static/img/default.png" width="265px" height="265px;"/>
</div><!--/widget-main-->
</div><!--/widget-body-->
</div><!--/widget-box-->
</div><!--/span-->
<div style="width:399px;float:right;">
<div class="widget-box">
<div class="widget-header widget-header-flat widget-header-small">
<h5><i class="icon-credit-card"></i>
解析二维码
</h5>
<div class="widget-toolbar no-border">
</div>
</div>
<div class="widget-body">
<div class="widget-main">
<div>
<textarea id="readContent" title="解析结果" placeholder="显示解析结果" class="autosize-transition span12" style="width:375px;height:160px;">
</textarea>
</div>
<div>
<div style="float: left;" id="tipsTwo"><input type="file" name="TP_URL" id="uploadify1" keepDefaultStyle = "true"/></div>
<div><a class="btn btn-mini btn-success" onclick="uploadTwo();">解析</a></div>
</div>
</div><!--/widget-main-->
</div><!--/widget-body-->
</div><!--/widget-box-->
</div><!--/span-->
</div>
</div>
<div class="step-content row-fluid position-relative">
<input type="hidden" value="no" id="hasTp1" />
</div>
</div><!--/widget-main-->
</div><!--/widget-body-->
</div>
</div>
<!-- PAGE CONTENT ENDS HERE -->
</div><!--/row-->
</div><!--/#page-content-->
</div><!--/.fluid-container#main-container-->
</body>
</html>