Verificar extension de archivo upload con verify.notify

Partimos de un formulario con un input file

Y tenemos configurado el plugin de verify.notify  

Añadimos una regla personalizada

$.verify.addRules({

extensionvalida:function(r) {

varexts = [".jpg", ".jpeg", ".webp", ".png"];

//console.log(r);

varfileName=r.val();//console.log(fileName);

varevaluacion =(newRegExp('(' + exts.join('|').replace(/\./g, '\\.') + ')$')).test(fileName);




if (!evaluacion){

return"Fichero no valido, extensiones permitidas ["+exts+"]";

}




returntrue;

}

});

Y añadimos la etiqueta al elemento html

<input type="file" name="imagen" id="imagen" class="form-control" placeholder=""

maxlength=""autocomplete="off"data-validate="extensionvalida">
Ahora al intentar subir una imagen de un formato no valido:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

* Please enter the Biggest Number