Я хочу использовать выгрузку файлов BlueImp / Jquery, чтобы иметь возможность загружать некоторые изображения на веб-сервер. У меня есть этот код JS, который я сгенерировал, прочитав много источников

 $('#file_upload').fileupload('option', {
        dataType: 'json',
        url: '/Upload/UploadFiles',
        maxFileSize: 5000000,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        process: [
            {
                action: 'load',
                fileTypes: /^image\/(gif|jpeg|png)$/,
                maxFileSize: 20000000 // 20MB
            },
            {
                action: 'resize',
                maxWidth: 1440,
                maxHeight: 900
            },
            {
                action: 'save'
            }
        ],
        progressall: function (e, data) {
            $(this).find('.progressbar').progressbar({ value: parseInt(data.loaded / data.total * 100, 10) });
        },
        done: function (e, data) {
            $('#show_image').append('<img src="' + data.result[0].ThumbURL + '" />');
            $('#imgID').val($('#imgID').val() + data.result[0].Id + ',');
            $(this).find('.progressbar').progressbar({ value: 100 });
        },
        error: function (e, data) {
            var a = 1;
        }
    });
});

Это работает, потому что он не загружает любой файл, который не является изображением, но я хотел бы иметь возможность получать сообщения об ошибках (если они существуют) для показа пользователю.

Вих демо у них есть некоторый код (jquery.fileupload-ui.js и jquery.fileupload-fp.js), который создает «магически» HTML-код с ошибкой внутри (я все еще пытаюсь понять это).

Я действительно не понимаю, нужно ли мне использовать эти плагины и каким-то образом настраивать генерируемый HTML-код или проще получить информацию вручную и заполнить ее.

Я довольно новичок в JS и Jquery, так что, может быть, я что-то упустил.

Как настроить генерируемый HTML или как получить сообщение об ошибке?

Спасибо, Оскар