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: