HTML | DOM Input FileUpload acepta la propiedad

La propiedad de aceptación de carga de archivos de entrada de DOM en HTML DOM se utiliza para establecer o devolver el valor del atributo de aceptación del botón de carga de archivos . El atributo de aceptación especifica los tipos de archivos que son aceptables para el servidor.

Sintaxis:

  • Devuelve la propiedad accept:
    fileuploadObject.accept
  • Establezca la propiedad de aceptación:
    fileuploadObject.accept="audio/*, video/*, image/*, MIME_type"

Valores de propiedad:

  • audio/* : Todos los archivos de sonido son aceptables
  • video/* : Todos los archivos de video son aceptables
  • image/* : Todos los archivos de imagen son aceptables
  • MIME_type: un tipo MIME válido, sin parámetros.

Valor devuelto: Devuelve el valor de string que representa el tipo de archivo aceptado.

Ejemplo-1: Devolver el tipo de archivo aceptado .

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
  
</head>
  
<body>
    <center>
        <h1>
          Geeeks for Geeks
      </h1>
        <p>Select a file to upload:
            <input type="file" 
                   id="myFile" 
                   size="50"
                   accept="video/*">
        </p>
        <button onclick="myFunction()">
            File type
        </button>
  
        <p id="demo"></p>
  
        <script>
            function myFunction() {
                
                var gfg =
                    document.getElementById(
                      "myFile").accept;
                
                document.getElementById(
                  "demo").innerHTML = gfg;
            }
        </script>
    </center>
</body>
  
</html>

Salida:
antes de hacer clic:

Después de hacer clic:

Ejemplos: establezca el tipo de archivo aceptado .

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
  
</head>
  
<body>
    <center>
        <h1>
          Geeks for Geeks
      </h1>
      <p>Select a file to upload:
            <input type="file" 
                   id="myFile" 
                   size="50"
                   accept="video/*">
        </p>
  
        <button onclick="myFunction()">
          File type
      </button>
  
        <p id="demo"></p>
  
        <script>
            function myFunction() {
                
                var gfg = 
                    document.getElementById(
                      "myFile").accept = 
                    "audio/*,video/*";
                
                document.getElementById(
                  "demo").innerHTML = gfg;
            }
        </script>
  
    </center>
</body>
  
</html>

Salida:
antes de hacer clic:

Después de hacer clic:

Navegadores compatibles:

  • Google Chrome
  • Mozilla Firefox
  • Borde
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *