blueImp/jquery file upload - Comment puis-je obtenir le message d'erreur si le type de fichier n'a pas été acceptée?

Pour cela, vous pouvez utiliser le fichier ajouté de rappel pour valider les fichiers, comme cela, utiliser le "return false" pour éviter l'ajout de ce fichier;

 $('#yourfileuploader').fileupload({
                    add: function (e, data) {
                        var fileType = data.files[0].name.split('.').pop(), allowdtypes = 'jpeg,jpg,png,gif';
                        if (allowdtypes.indexOf(fileType) < 0) {
                            alert('Invalid file type, aborted');
                            return false;
                        }

                    }
                });

ou vous pouvez vous inscrire fileuploadadded de rappel comme ça,

$('#yourfileuploader').fileupload().bind('fileuploadadded', function (e, data) {
                    var fileType = data.files[0].name.split('.').pop(), allowdtypes = 'jpeg,jpg,png,gif';
                    if (allowdtypes.indexOf(fileType) < 0) {
                        alert('Invalid file type, aborted');
                        return false;
                    }
                });

aussi, vous pouvez accéder à fileupload acceptFileTypes en utilisant les options;
e.originalEvent.les données.fileupload.des options.acceptFileTypes

Vous pouvez trouver plus d'informations ici;

https://github.com/blueimp/jQuery-File-Upload/wiki/Options

Comme mentionné par user2999209, la bonne façon de faire est avec la fileuploadprocessfail de rappel.

Pour compléter sa réponse, si vous souhaitez traduire le message d'erreur vous devez passer à la suivante (sans-papiers) option:

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

Essayer de télécharger un fichier avec le mauvais type de fichier va entraîner le message "AAA type de Fichier non autorisé" s'affiche.

Utiliser le processfail rappel

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

Il serait préférable de valider le type de fichier (il serait un format "image/jpeg") que de l'extension. Dans ce cas, vous éviter les problèmes potentiels avec la casse et similaires inattendu troubles

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

Rien, j'ai trouvé dans ces répondu a fonctionné pour moi, et, assez étrangement, les développeurs qui ont écrit les démos pour que le plugin utilise un style différent de ce qui est décrit dans la documentation. De toute façon, que du côté de la pointe.

J'ai copié le code qu'ils utilisent pour obtenir de l'INTERFACE utilisateur de la version de travail, et que, finalement, a fait le tour pour moi. Ils utilisent l' .sur la méthode et 'processalways" pour vérifier les erreurs au lieu d'utiliser une "erreur" ou " l'échec de la méthode.

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

Voici le code source.

Acclamations