Base UI in Demo!

[jairot]

I need to implement an UI more like the BASE UI in the original Jquery File Uploader

http://blueimp.github.io/jQuery-File-Upload/basic.html

Any idea how to do that? I have JFU running ok in my project but putting a simpler example in the demo would be nice.

[NicolasDumoulin]

I've tried with this template code:

{% extends 'jfu/upload_form.html' %}
{% block UPLOAD_FORM_BUTTON_BAR %}
<div class="row fileupload-buttonbar">
<div class="col-lg-7"><span class="btn btn-primary fileinput-button">
                <i class="glyphicon glyphicon-upload"></i>
                <span>Upload Kernel</span>
                <input type="file" name="files[]">
            </span>
</div>
</div>
{% endblock %}

{% block JS_OPTS %}
autoUpload: true,
maxNumberOfFiles: 1,
sequentialUploads: false,
done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
{% endblock %}

I can pick up a file and send it to the server. But the transaction seems to not finish, as the progress bar is completed but doesn't disappear, and the "cancel" button remains too.

[NicolasDumoulin]

Ok, I've fixed my callbacks and now it works :-)

done: function (e, data) {
    data.context.text('Upload finished.');
}