Cómo validar un campo de carga de archivos usando Javascript / jquery

Solución:

Comprueba que es value propiedad:

En jQuery (ya que su etiqueta lo menciona):

$('#fileInput').val()

O en JavaScript vainilla:

document.getElementById('myFileInput').value

Mi función comprobará si el usuario ha seleccionado el archivo o no y también puede comprobar si desea permitir esa extensión de archivo o no.

Prueba esto:

<input type="file" name="fileUpload" onchange="validate_fileupload(this.value);">

function validate_fileupload(fileName)
{
    var allowed_extensions = new Array("jpg","png","gif");
    var file_extension = fileName.split('.').pop().toLowerCase(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename.

    for(var i = 0; i <= allowed_extensions.length; i++)
    {
        if(allowed_extensions[i]==file_extension)
        {
            return true; // valid file extension
        }
    }

    return false;
}

---

---

Utiliza Nuestro Buscador