Estoy usando para cargar archivos personalizados.
Para hacer eso estoy usando accept=".Txt,.SVG,.BMP, .JPEG". Debido a esto, el cuadro de diálogo de selección de archivos del navegador muestra solo estos archivos de forma predeterminada. Sin embargo, hay una opción llamada "Todos los archivos" en ese cuadro de diálogo que no quiero.
¿Cómo puedo deshabilitar/eliminar la opción "Todos los archivos"? ¿Hay alguna forma a través de JavaScript o jQuery?
Limitación de los tipos de archivos aceptados Creo que se está refiriendo a la ventana emergente de entrada de archivos de un usuario y desea limitarla allí. Por ejemplo, si su entrada de archivo permite a los usuarios cargar una imagen de perfil, probablemente desee que seleccionen formatos de imagen compatibles con la web, como JPEG o PNG.
Los tipos de archivo aceptables se pueden especificar con el accept attribute , que toma una lista separada por comas de extensiones de archivo permitidas o tipos MIME. Algunos ejemplos:
accept="image/png" o accept=".png" — Acepta archivos PNG. accept="image/png, image/jpeg" o accept=".png, .jpg, .jpeg" : acepta archivos PNG o JPEG. accept="image/*" — Acepta cualquier archivo con una imagen/* tipo MIME. (Muchos dispositivos móviles también permiten que el usuario tome una foto con la cámara cuando se usa). accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" — accept cualquier cosa que huela como un documento de MS Word. Aquí hay un código de muestra para usted de Mozilla Dev Docs .
<form method="post" enctype="multipart/form-data"> <div> <label for="profile_pic">Choose file to upload</label> <input type="file" id="profile_pic" name="profile_pic" accept=".jpg, .jpeg, .png"> </div> <div> <button>Submit</button> </div> </form>Tenga en cuenta que no puede deshabilitar Todos los archivos de la ventana emergente, solo puede permitir que se acepten ciertos tipos de archivos.