Home > General > FileUpload HTML Page

FileUpload HTML Page

November 17, 2011

<!--<span class="hiddenSpellError" pre=""-->DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>File download and upload sample</title>
css" href="css/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/<span class=">// <![CDATA[
javascript</span>" src="js/jquery-1.3.2.min.js">
// ]]></script>
<script type="text/<span class=">// <![CDATA[
javascript</span>" src="js/jquery-ui-1.7.2.custom.min.js">
// ]]></script>
<script type="text/<span class=">// <![CDATA[
javascript</span>" src="js/jquery.form.js">
// ]]></script>
<script type="text/javascript">
$(document).ready(function()
{
$(function()
{
$("#tabs").tabs();
});

$( "#status" ).hide();
$( "#fileListResult" ).hide();

// attach handler to form's submit event
$('#uploadKeyForm').submit(function() {
// submit the form
$(this).ajaxSubmit(function(e) {

$( "#message" ).html(e);
$( "#status" ).show();
$('#uploadKeyForm').clearForm();
});
return false;
});

// attach handler to form's submit event
$('#fileListForm').submit(function() {
// submit the form
$(this).ajaxSubmit(function(e) {

$( "#fileListResult" ).html(e);
$( "#fileListResult" ).show();
$( "#fileListForm" ).clearForm();

});
return false;
});
});
function showDialog( text )
{
$("#dialog").attr({ innerHTML: text });
$("#dialog").dialog(
{
bgiframe: true,
modal: false,
});
$("#dialog").dialog( 'open' );
}
</script>
</head>
<body>
<div>
<div>20px; padding: 0 .7em;"></div>
<p align="center"> Health Control Panel</p>
</div>
</div>

<br />
<div id="tabs">
<ul>
<li><a href="#tabs-1">Upload File</a></li>
<li><a href="#tabs-2">Download File</a></li>
</ul>
<div id="tabs-1" title="Upload File">1px solid black; text-align: left;"></div>
&nbsp;

<form id="uploadKeyForm" action="/<span class=" method="post" enctype="multipart/form-data">Commonsfileuploadservlet" target="submitFrame"></form>
<table width="100%">
<tr>
<td>
<div id="status">
<div>20px; padding: 0 .7em;"></div>
<p id="message" align="center">Health Control Panel</p>
</div>
</div>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>Start IP-Address*</td>
<td><input id="sIp" name="sIp" type="text"></td>
</tr>
<tr>
<td>End IP-Address</td>
<td><input id="eIp" name="eIp" type="text"></td>
</tr>
<tr>
<td>User Name*</td>
<td><input id="un" name="un" type="text"></td>
</tr>
<tr>
<td>Password*</td>
<td><input id="pwd" name="pwd" type="password"></td>
</tr>
<tr>
<td>Destination Dir*</td>
<td><input id="dd" name="dd" type="text"></td>
</tr>
<tr>
<td>File*</td>
<td><input id="ks" name="ks" type="file"></td>
</tr>
<tr>
<td><input type="submit" id="uploadKey" value="Upload File"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<iframe id="submitFrame" name="submitFrame" style="display: none; visibility: hidden">
<div id="tabs-2" title="Download File">1px solid black; text-align: left;"></div>
&nbsp;

<form id="fileListForm" action="/<span class=" method="post">listFiles" target="submitListFrame"></form>
<table width="100%">
<tr>
<td>
<table>
<tr>
<td>Server IP*</td>
<td><input id="tsIP" name="tsIP" type="text"></td>
</tr>
<tr>
<td>User Name*</td>
<td><input id="tUN" name="tUN" type="text"></td>
</tr>
<tr>
<td>Password*</td>
<td><input id="tpwd" name="tpwd" type="password"></td>
</tr>
<tr>
<td>Destination Dir</td>
<td><input id="dd" name="dd" type="text"></td>
</tr>
<tr>
<td><input type="submit" id="listFiles" value="List Files"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<div id="fileListResult"></div>
</div>
</div>
</body>
</html>
Advertisements
Categories: General
%d bloggers like this: