Verificar extensión de archivo con javascript

Y esta es la función para verificar la extensión de un archivo con javascript, solo tienen que pasarle el string, en este caso utilizamos una expresión regular (Regex), y como ven es muy fácil de agregar o modificar una u otra extensión:


function verificarextensionnombrearchivo(nameArchivo) {
   var valid_extensions; var mensaje;
   valid_extensions = /(.jpg|.gif|.png|.bmp|.jpeg|.mov|.avi|.mpg|.mpeg|.3gp|.asf|.wmv|.flv|.mp4)$/i;
   mensaje = "Solo se permite archivos ciertos tipo de archivo";
   if (valid_extensions.test(nameArchivo)) {
       return true;
   }
   else {
      alert(mensaje);
      return false;
   }
}


Por ejemplo si tenemo un control de .NET llamado fileupload, podemos hacer la validación así:

<asp:FileUpload ID="fuarchivo" onchange="verificarextensionnombrearchivo(this.value);" runat="server" />

O si queremos validar el valor del fileupload pero desde otro botón así:


<asp:Button ID="btnsubirimagen" runat="server"  Text="Subir archivo" 
onClientClick="return verificarextensionnombrearchivo(document.getElementById('fuArchivo').value);" onclick="btnsubirarchivo_Click" />   


Ojo con el document.getElementByID, pues si tienen el control fileupload dentro de otro panel o un masterpage, etc, puede que el nombre no sea "fuArchivo" sino algo como: "masterpage_fuArchivo", etc.

Algunos utilizan esta expresión:

document.getElementById("<%= fuArchivo.ClientID %>")

Espero les sirva.

Sean felices! :) Y sientanse libres de opinar ;)