<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 &lt;input type="file" <strong>multiple</strong> /&gt;, 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>