Evitar la carga de archivos

Question

tengo <input type="file" onchange="isValidFile(this.value)" />.

function isValidFile(filename)
{
     if (getExtension(filename)!=srt)
     {
          //Don't load the file
     }
}

Cuando carga un archivo la etiqueta de <input type="file" /> Cambie al nombre de archivo, esto muestra que el archivo está cargado/seleccionado, quiero que si el archivo tiene una extensión incorrecta para no cargarlo y dejar la etiqueta en blanco. Traté de cambiar el valor pero leí aquí que no es posible por razones de seguridad.

Answer 1

<form name="abc">
    <input type="file" onchange="isValidFile(this.value)"/>
</form>

<script>
    function isValidFile(filename) {
        if (getExtension(filename) != 'jpg') {
            document.forms['abc'].reset();
            alert("invalid Image");
        }
    }
    function getExtension(filename) {
        return filename.substring(filename.lastIndexOf('.') + 1);
    }
</script>

Prueba esto

Answer 2

¿Por qué no usa el complemento de validación de UI jQuery para validar el archivo de tipo de entrada?

http://jqueryvalidation.org/accept-method/

Consulte la URL para obtener más información.