Untitled

	<head>
	  <title>API</title>
	  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
	  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
	  <script type="text/javascript" charset="utf-8">
	    function saveData(){
	      $.post("/getimage",{inputtext: $("#inputtext").val()})
		.done(function(d)){
         alert(d); //you will get images name here

		//var temp="'/static/images/"+d[0]+"'";
		//document.getElementById("gen").src=temp;
		 }
}
	  </script>
	  </script>
	  <style>
	    .centered{
	      float: none;
	      margin: 0 auto;
	    }
	  </style>
	</head>
	<body>
	  <body>
	    <div class="container">
	      <div class="col-lg-8 centered">
		<center>
		  <h3>Device Record</h3>
		</center>
		<div class="well" id="log">
		  <h4>deviceuid</h4><input type="text" class="inputtext" id="inputtext">
		  <button type="button" class="btn btn-success" onclick="saveData()">Submit</button>
		</div>
		<center>
		  <h3>Transaction Record</h3>
		<img id="gen"></br>

		</center>
	      </div>
	    </div>
	  </body>
	</body>
	</html>