File.type

Retorna el tipo de media (MIME) del archivo representado por un objeto File.

Sintaxis

var tipo = file.type;

Valor

Una cadena (string), conteniendo el tipo de media (MIME) indicando el tipo del archivo, por ejemplo "image/png" para imágenes PNG.

Ejemplo

<input type="file" multiple onchange="mostrarTipo(this)">
function mostrarTipo(fileInput) {
  const archivos = fileInput.files;

  for (let i = 0; i < archivos.length; i++) {
    const nombre = archivos[i].name;
    const tipo = archivos[i].type;
    alert("Nombre del archivo: " + nombre + " , Tipo: " + tipo);
  }
}

Note: Based on the current implementation, browsers won't actually read the bytestream of a file to determine its media type. It is assumed based on the file extension; a PNG image file renamed to .txt would give "text/plain" and not "image/png". Moreover, file.type is generally reliable only for common file types like images, HTML documents, audio and video. Uncommon file extensions would return an empty string. Client configuration (for instance, the Windows Registry) may result in unexpected values even for common types. Developers are advised not to rely on this property as a sole validation scheme.

Especificaciones

Especificación Estado Comentario
File API
La definición de 'type' en esta especificación.
Working Draft Definición inicial.

Compatibilidad de los navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
typeChrome Soporte completo 13Edge Soporte completo SiFirefox Soporte completo 3.6IE Soporte completo 10Opera Soporte completo 16Safari Soporte completo SiWebView Android Soporte completo SiChrome Android Soporte completo SiFirefox Android Sin soporte NoOpera Android Sin soporte NoSafari iOS Soporte completo SiSamsung Internet Android Soporte completo Si

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte

Ver también