<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;}
</style>
</head>
<body>
<wicket:extend>
<p>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>
<label for="simpleUpload">File</label>
<input wicket:id="fileInput" type="file" id="simpleUpload"/>
</p>
<input type="submit" value="Upload!"/>
</fieldset>
</form>
<form wicket:id="progressUpload">
<fieldset>
<legend>Upload form with progress bar</legend>
<p>
<label for="uploadWithProgress">File</label>
<input wicket:id="fileInput" type="file" id="uploadWithProgress"/>
</p>
<input type="submit" value="Upload!"/>
<span wicket:id="progress">[[upload progressbar]]</span>
</fieldset>
</form>
<form wicket:id="html5Upload">
<fieldset>
<legend>Upload form that uses HTML5 <input type="file" <strong>multiple</strong> />, so it can upload
more than one file in browsers which support <em>multiple</em> attribute</legend>
<p>
<label for="multiUpload">File</label>
<input wicket:id="fileInput" type="file" multiple="multiple" id="multiUpload"/>
</p>
<input type="submit" value="Upload!"/>
</fieldset>
</form>
<div>
<span wicket:id="uploadFeedback"/>
</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>