Subida de archivos en HTML

Un input de archivo, el filtro accept y la codificación que el formulario necesita.

<form action="/api/import" method="post"
      enctype="multipart/form-data">
  <label for="csv">Results export</label>
  <input type="file" id="csv" name="csv" accept=".csv,text/csv" required>

  <label for="shots">Screenshots</label>
  <input type="file" id="shots" name="shots" accept="image/*" multiple>

  <button type="submit">Upload</button>
</form>

Cómo funciona

1. enctype=multipart/form-data es obligatorio para enviar archivos.
2. accept filtra el selector por tipo o extensión.
3. multiple permite más de un archivo por campo.

El intento, en números

Líneas

10

Caracteres a escribir

340

Tokens

81

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 69 segundos.

Escribe este fragmento

Paso 3 de 4 en Números, fechas y archivos; paso 17 de 25 en Formularios y entradas.

← Anterior Siguiente →