file_upload.js

/*
 * Copyright (C) 2015 IRSTEA
 * All rights reserved.
 */
(function($) {

    var formatSize = function(size) {
            if(size > 1000000000) {
                return (size/1000000000).toFixed(2) + ' Gio';
            }
            if(size > 1000000) {
                return (size/1000000).toFixed(2) + ' Mio';
            }
            if(size > 1000) {
                return (size/1000).toFixed(2)+ ' Kio';
            }
            return size + ' o';
        },
        formatBitrate = function(rate) {
            return formatSize(rate) + '/s';
        };

    /** Plugin irsteaFileUpload.
     */
    $.fn.irsteaFileUpload = function(options) {

        var $this             = $(this),
            $button           = $this.find('.fileinput-button'),
            $entries          = $this.find('.fileinput-entries'),
            createUrl         = options.createUrl,
            uploadPrototype   = options.uploadPrototype,
            downloadPrototype = options.downloadPrototype;

        delete options.createUrl;
        delete options.uploadPrototype;
        delete options.downloadPrototype;

        if(options.acceptFileTypes) {
            options.acceptFileTypes = new RegExp('^' + options.acceptFileTypes + '$');
        }

        var updateButtonVisibility = function() {
            if($entries.children().length > 0 && !options.multiple) {
                $button.hide();
            } else {
                $button.show();
            }
        };

        $this.find('.template-download .size').each(function() { $(this).html(formatSize($(this).text())); });

        updateButtonVisibility();

        // Activation
        $button.fileupload($.extend(
            options,
            {
                type: 'PUT',
                autoUpload: true,
                formData: {},
                multipart: false,
                uploadTemplateId: null,
                downloadTemplateId: null,
                filesContainer: $this.find('.fileinput-entries'),
                uploadTemplate: function(data) {
                    var rows = $();
                    $.each(data.files, function (index, file) {
                        var row = $(uploadPrototype);
                        row.find('.name').text(file.name);
                        row.find('.size').html(formatSize(file.size));