Я хочу использовать загрузку файлов 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 или как получить сообщение об ошибке?
Спасибо, Оскар