123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>VLC for iOS file uploader</title>
- <link rel="stylesheet" href="style.css">
- <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
- <script type="text/javascript" src="jquery.ui.widget.js"></script>
- <script type="text/javascript" src="jquery.iframe-transport.js"></script>
- <script type="text/javascript" src="jquery.fileupload.js"></script>
- <script>
- $(function(){
- $('#fileupload').fileupload({
- dataType: 'json',
- done: function (e, data) {
- $('#progress').hide();
- $.each(data.files, function (index, file) {
- $('<li/>').text(file.name).appendTo($('#uploads ul'));
- });
- $('#uploads').show();
- },
- progressall: function (e, data) {
- $('#progress').show();
- var progress = parseInt(data.loaded / data.total * 100, 10);
- $('#progress .bar').css('width', progress + '%');
- }
- });
- });
- </script>
- </head>
- <body>
- <div class="container">
- <header>
- <div id="appIcon"></div>
- <h1>VLC for iOS</h1>
- </header>
- <div id="progress" style="display: none;">
- <div class="bar" style="width: 50%;"></div>
- </div>
- <form>
- <input id="fileupload" type="file" name="files[]" data-url="upload.json" multiple>
- </form>
- <div id="uploads" style="display: none;">
- <p>So far you have uploaded:</p>
- <ul>
- </ul>
- </div>
- <footer>
- <p>VLC for iOS is free, open-source software published by <a href="http://www.videolan.org" target="_blank">VideoLAN</a>. <br />Modification and redistribution is subject to $LICENSE and further rights reserved by the VideoLAN association.<br />You can find the sources to this application <a href="http://git.videolan.org/?p=vlc-ports/ios2.git;a=summary" target="_blank">online</a> and more information about licensing in the About dialog included within the app.</p>
- </footer>
- </div>
- </body>
- </html>
|