Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Blob.type

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

La propriété type de l'objet Blob fourni le type MIME (Internet media type) d'un fichier. Celle-ci retourne une chaîne de caractère vide si le type n'a pas pu être déterminé.

Syntaxe

js
var mimetype = instanceOfFile.type;

Valeur

Une chaîne de caractères (par exemple : "image/png").

Exemple

js
var i, fileInput, files, allowedFileTypes;

// fileInput est un HTMLInputElement: <input type="file" multiple id="myfileinput">
fileInput = document.getElementById("myfileinput");

// files est un objet FileList (similaire à NodeList)
files = fileInput.files;

// notre application accepte seulement les images de type *.png, *.jpeg et *.gif
allowedFileTypes = ["image/png", "image/jpeg", "image/gif"];

for (i = 0; i < files.length; i++) {
  // Vérifie si file.type est un type autorisé.
  if (allowedFileTypes.indexOf(files[i].type) > -1) {
    // le type du fichier (file) correspond à l'un des types autorisés. Faites quelque chose ici.
  }
});

Spécifications

Specification
File API
# dfn-type

Compatibilité des navigateurs

Voir aussi