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:
