przesyłanie pliku blueImp / jquery - jak uzyskać komunikat o błędzie, jeśli typ pliku nie został zaakceptowany?

Chcę użyć narzędzia do przesyłania plików BlueImp / Jquery, aby móc przesłać niektóre obrazy do serwera WWW. Mam ten kod JS, który wygenerowałem czytając wiele źródeł

 $('#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;
        }
    });
});

Działa, ponieważ nie przesyła żadnego pliku, który nie jest obrazem, ale chciałbym mieć możliwość wyświetlenia komunikatów o błędach (w przypadku gdy istnieje), aby pokazać je użytkownikowi.

Wich demo mają jakiś kod (jquery.fileupload-ui.js i jquery.fileupload-fp.js), który tworzy „magicznie” HTML z błędem w środku (wciąż nie mogę tego zrozumieć).

Naprawdę nie rozumiem, czy powinienem też używać tych wtyczek iw jakiś sposób dostosować generowany HTML lub jeśli łatwiej jest uzyskać informacje ręcznie i wypełnić je.

Jestem całkiem nowy w JS i Jquery, więc może coś mi brakuje.

Jak skonfigurować generowany kod HTML lub jak uzyskać komunikat o błędzie?

Dzięki, Oscar

questionAnswers(9)

yourAnswerToTheQuestion