jQuery Girl
  1. jQuery Girl
  3. JQuery Valider le type de fichier de téléchargement d’image
Intereting Posts
Jquery Range Slider avec échange d’image Comment éviter que jQuery bootstrap ClockPicker obtienne des minutes non divisibles par 5 Comment puis-je éviter les doublons sur un DataTable jQuery lors d’une navigation retour en présence de Turbolinks? Google Map API V3 – Cliquez sur le marqueur pour afficher davantage d’informations, superposées (comme dans Google Maps) Plusieurs websockets de la même page avec Java comme côté serveur Faire une requête DELETE à partir de la balise sans créer de formulaires? pourquoi le bouton du bouton Précédent ne s’affiche-t-il pas sur le deuxième écran? Ajax Refresh of Div sur formulaire soumettre oscommerce Obtenir la première et la dernière date du mois précédent dans JQuery Comment implémenter une image popup dans jQuery pour Firebase Comment effacer le texte saisi sur datetimepicker? Comment utiliser jQuery (ou CSS) pour sortinger les tableaux HTML par colonne? Rendre la balise d’ancrage avec l’image cliquable Cible unique instance d’une classe Comment capturer un événement click avec jQuery pour iframe?

JQuery Valider le type de fichier de téléchargement d’image

J’ai un script JQuery qui valide le téléchargement d’images d’avatar mais j’en ai besoin pour empêcher le téléchargement d’images autres que les images PNG, JPG et GIF . Un moyen d’implémenter cela dans le code que j’ai? Voici le code: 

$('#addButton').click(function () { var avatar = $("#avatarupload").val(); if(avatar.length < 1) { avatarok = 0; } //ELSE IF FILE TYPE else { avatarok = 1; } if(avatarok == 1) { $('.formValidation').addClass("sending"); $("#form").submit(); } else { $('.formValidation').addClass("validationError"); } return false; });

Cela devrait vérifier l’extension du fichier 

 var extension = avatar.split('.').pop().toUpperCase(); if (extension!="PNG" && extension!="JPG" && extension!="GIF" && extension!="JPEG"){ avatarok = 0; }

Donc, le code complet devrait ressembler à 

 $('#addButton').click(function () { var avatar = $("#avatarupload").val(); var extension = avatar.split('.').pop().toUpperCase(); if(avatar.length < 1) { avatarok = 0; } else if (extension!="PNG" && extension!="JPG" && extension!="GIF" && extension!="JPEG"){ avatarok = 0; alert("invalid extension "+extension); } else { avatarok = 1; } if(avatarok == 1) { $('.formValidation').addClass("sending"); $("#form").submit(); } else { $('.formValidation').addClass("validationError"); } return false; });

Vous pouvez essayer pour jquery validate for validation qui consiste à accepter: 

 vCategoryImage:{ accept: "image/*" }