<html xmlns:wicket="http://wicket.apache.org">
<head>
<title>Wicket Examples - upload</title>
<style>
legend { border: 1px solid #e9601a; background-color: #bbb; color: #fff; padding: 4px;}
fieldset { border: 1px solid #e9601a; padding: 10px; margin-top: 10px;}
.mfuex { padding:5px;margin:5px;background:#eee; }
.mfuex .wicket-mfu-container { padding: 5px; margin-top: 3px; background-color: white; border:1px solid black; font-size: xx-small; }
.mfuex .wicket-mfu-caption { font-weight: bold; }
.mfuex .wicket-mfu-container input { margin-left: 5px; font-size: xx-small; }
</style>
</head>
<body>
<wicket:extend>
<p>The multi upload field is based on javascript found <a target="_blank" href="http://the-stickman.com/web-development/javascript/upload-multiple-files-with-a-single-file-element/">here</a>.<br /><br />
Wicket can also handle file uploads via AJAX, please see AJAX examples section. AJAX Functionality is not included in this example to keep things simple.</p>
<p>The maximum file size of a single upload is: 90k!</p>
<p>The maximum size of uploading several files (third demo) is: 100k!</p>
<br/>
<form wicket:id="simpleUpload">
<fieldset>
<legend>Upload form</legend>
<p>
<div wicket:id="fileInput" class="mfuex"></div>
</p>
<input type="submit" value="Upload!"/>
</fieldset>
</form>
<div>
<span wicket:id="uploadFeedback"></span>
</div>
<div>
<h4>Current files in <span wicket:id="dir">(dir)</span>:</h4>
<table>
<tr wicket:id="fileList">
<td width="200"><span wicket:id="file">(file)</span></td>
<td><a href="#" wicket:id="delete"><img src="delete.gif" border="0"/></a></td>
</tr>
</table>
</div>
</wicket:extend>
</body>
</html>