{#extends file='layoutWithBars.tpl'#}
{#block name='content'#}
    <input id="fileupload" type="file" name="files[]" data-url="{#$WebRoot#}/ajax/upload/Project?dbversion={#$DbVersion#}" multiple>
        <script src="/bower_components/jquery/dist/jquery.min.js"></script>
        <script src="/bower_components/blueimp-file-upload/js/vendor/jquery.ui.widget.js"></script>
        <script src="/bower_components/blueimp-file-upload/js/jquery.iframe-transport.js"></script>
        <script src="/bower_components/blueimp-file-upload/js/jquery.fileupload.js"></script>
        <script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .bar').css(
                'width',
                progress + '%'
            );
        }
    });
});
        </script>
        <div id="progress">
            <div class="bar" style="width: 0%;height: 18px; background: green;"></div>
        </div>
    {#include file='components/otuTable.tpl'#}
    {#include file='components/metadataTable.tpl'#}
{#/block#}
{#extends file='layoutWithBars.tpl'#}
{#block name='content'#}
    <form action="{#$WebRoot#}/ajax/upload/Project?dbversion={#$DbVersion#}" method="post" enctype="multipart/form-data">
        <input id="project-fileupload" type="file" name="files[]" multiple>
        <input type="submit" value="Upload Project" name="submit">
    </form>
    <script src="{#$WebRoot#}/js/uploadProject.js" type="text/javascript"></script>
    {#include file='components/otuTable.tpl'#}
    {#include file='components/metadataTable.tpl'#}
{#/block#}
Remove blueimp-file-upload plugin from page
Remove blueimp-file-upload plugin from page
