martes, 22 de julio de 2014

Validar extensiones de archivo en un fileUploader con Jquery

En unos de mis desarrollos me surgió la necesidad de hacer validación de extensiones a los archivos que se subían a una aplicación a través de un fileUploader, la restricción era únicamente permitir subir archivos con extensión .jpeg, .jpg, .png, archivos de imagen, pero esta validación debía ser del lado del cliente, a continuación les comparto el código que utilice para lograr esto:


//extensiones a validar
var _validFileExtensions = [".jpg", ".jpeg", ".bmp", ".gif", ".png"];

function Validate() {
            var sFileName = $("#nombreControl").val();
            if (sFileName.length > 0) {
                var blnValid = false;
                for (var j = 0; j < _validFileExtensions.length; j++) {
                    var sCurExtension = _validFileExtensions[j];
                    if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) {
                        blnValid = true;
                        break;
                    }
                }

                if (!blnValid) {
                    alert("El archivo " + sFileName + " no es valido, las extensiones permitidas son: " + _validFileExtensions.join(", "));
                    return false;
                }
            }
         
            
            return true;
        }

No hay comentarios:

Publicar un comentario