read - Crear filtro en el cuadro de diálogo del selector de archivos html

read file javascript

Question

¿Hay alguna manera de mostrar solo los archivos .xxx en el cuadro de diálogo de selección de archivos predeterminado? xxx pueden ser tipos de archivos desconocidos, como abc, efg, etc.

Estoy usando html5 para que pueda tener un nuevo soporte para este tipo de cosas.

¡Gracias!

Answer 1

Para otros que llegan aquí, estos son algunos conjuntos predefinidos muy útiles:

<input type="file" accept="image/*"/>
<input type="file" accept="video/*"/>
<input type="file" accept="audio/*"/>

Answer 2

El atributo de accept HTML 5 en los elementos de entrada de file es para este propósito. P.ej:

<input type="file" accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">