Investigación sobre la función de botón de entrada del tipo de archivo

Al cargar algunos sitios web, aparecerá un cuadro de diálogo de [Seleccionar archivo] cuando haga clic en el botón Examinar. Muchas veces necesitamos cargar solo archivos de imagen, por lo que en el cuadro de diálogo Pop-up [Seleccionar archivo], solo se muestran archivos en el formato de imagen relevante y los archivos de formato restantes se filtran y no se muestran.

Por ejemplo, http://www.youku.com/v1.0.0326/v/swf/up.swf

Esta es la selección de carga de video de Youku, que se logra a través del método Flash para no mostrar archivos no videos.

Flash a este efecto es generalmente como se describe aquí

import flash.net.filereferenceList;

var fileref: filereferenceList = new FileReferenceList ();

var alltypes: array = [];

Tipo de navegación var: objeto = nuevo objeto ();

Explorar type.description = browse type (*.mp3);

Navegar type.extension = *.mp3;

AllTypes.push (tipo de ceja);

FileRef.browse (AllTypes);

Entonces, ¿puede el <input type = archivo> en nuestra página web también implementar la ventana emergente para limitar el tipo de archivo?

La solución ahora solo puede ser recordar a los usuarios que el formato de carga de archivos es incorrecto a través del monitoreo.

<script>

función check () {

var filepath = rath.Value

FilePath = FilePath.Substring (FilePath.LastIndexof ('.') 1, FilePath.length)

if (filepath! = 'jpg' && filepath! = 'gif')

alerta (solo cargar imágenes en formato JPG o GIF)

}

</script>

<Input type = file name = Path onPropertyChange = check ()> (solo cargue imágenes en formato JPG o GIF)

<script>

función ck (obj) {if (obj.value.length> 0) {

var af = jpg, gif, png, zip, rar, txt, htm;

if (eval (con (obj.value) if (!/Af.split (,). Join (|) /ig.test (substring (lastindexof ('.') 1, longitud)) 1;)) {alerta (tipos de archivos permitidos:/n AF); obj.createTextrange (). ExecCommand ('deletero')};

}}

</script>

<form>

<input type = file name = pATH onPropertyChange = ck (this)/> </form>

Sin embargo, este efecto obviamente no es tan bueno como la experiencia de usuario de Flash. Es necesario seguir este tipo de carga flash.