blueimp / jQuery File upload-как получить сообщение об ошибке, если тип файла не был принят?

Я знаю, что это старый нить, но если кто-то еще ищет, как получить сообщение об ошибке, вот способ сделать это:

$('#fileupload').bind('fileuploadprocessfail', function (e, data) {
    alert(data.files[data.index].error);
});

Как упоминалось user2999209, правильный путь - с fileuploadprocessfail обратный.

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

$('#my-uploader').fileupload({
    // ... some options ...
    messages : {
      maxNumberOfFiles: 'AAA Maximum number of files exceeded',
      acceptFileTypes: 'AAA File type not allowed',
      maxFileSize: 'AAA File is too large',
      minFileSize: 'AAA File is too small'
      uploadedBytes : 'AAA Uploaded bytes exceed file size'
    },
    // ... some other options ...
  })
  .on("fileuploadprocessfail", function(e, data) {
    var file = data.files[data.index];
    alert(file.error);
  });

попытка загрузить файл с неправильным типом файла приведет к отображению сообщения "тип файла AAA не разрешен".

использовать processfail обратный звонок

$('#fileupload').fileupload({
    maxFileSize: 5000000,
    done: function (e, data) {
        $.each(data.result.logo, function (index, file) {
            $('<p/>').text(file.name).appendTo('#fileupload-files');
        });
    },
    processfail: function (e, data) {
        alert(data.files[data.index].name + "\n" + data.files[data.index].error);
    }
});

Если вы используете PHP сервер, у меня есть более простое решение. Если нет, я думаю, это может помочь и вам.

вам не нужно использовать acceptFileTypes param в интерфейсе. Просто инициализируйте класс PHP UploadHandler с помощью следующих параметров:

array(
    'accept_file_types' => '/\.(gif|jpe?g|png)$/i',
    'upload_url' => 'uploads/', // both of upload_url, upload_dir equals to the upload destination
    'upload_dir' => 'uploads/',
    'max_file_size' => 1024*1024*2 // in byte
)

когда вы передаете нежелательный тип файла или размер файла, возврат ajax будет чем-то вроде

{name: "Dream Come True.mp3", size: 14949044, type: "audio/mp3", error: "File type not allowed"} 

или

{name: "feng (3).jpg", size: 634031, type: "image/jpeg", error: "File is too big"}

порядок загрузки скриптов важен чтобы получить сообщение об ошибке появляется с процессом проверки по умолчанию,

этот заказ работает для меня:

1. tmpl.минута.js
2. С помощью jQuery.пользовательский интерфейс.штучка.Яш
3. С помощью jQuery.для iframe-транспорта.js
4. С помощью jQuery.fileupload с.js
5. С помощью jQuery.fileupload с-уй.js
6. С помощью jQuery.fileupload с-Процесс.js
7. С помощью jQuery.fileupload с-проверить.js

было бы лучше проверить тип файла (это будет формат типа "image/jpeg"), чем расширение. В этом случае вы избегаете потенциальных проблем с учетом регистра и подобных неожиданных проблем

$('#yourfileuploader').fileupload().bind('fileuploadadded', function (e, data) {
                    var fileType = data.files[0].type;
                    if (type.indexOf('image') < 0) {
                        alert('Invalid file type, aborted');
                        return false;
                    }
                });

Если вы новичок в понимании того, как работает javascript errorhandling, лучше всего прочитать по теме:try / catch (MDN)

однако ошибка на самом деле является методом в прототипе fileupload, поэтому теоретически эта функция будет выполняться при возникновении ошибки.

просто добавьте {ваш код} в errorHandler в методе.

...
error: function (e, data) {
        var a = 1; // <--in your example, this does nothing.
        alert(e); // <--or whatever you wish to do with the error
        return a; // <--did you want to return true?
    }
...

Если это предупреждение никогда не происходит, то ошибка не возникает. Следующий код, как правило, как вы поймать их. (он еще этого не делает?)

try {

  ...any code you want to exception handle with...

  }
  catch (e) {      
    alert(e);
  }

ничего, что я нашел в этих ответах, не работало для меня, и, как ни странно, разработчики, написавшие демо для этого плагина, используют другой стиль, чем описанный в документации. В любом случае, это к делу не относится.

Я скопировал код, который они используют, чтобы заставить версию пользовательского интерфейса работать, и это, наконец, сделало трюк для меня. Они используют их .на методе и "processalways" для проверки ошибок вместо использования метода "error" или "fail".

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

вот исходный код.

Ура