HTML5 Rocks

HTML5 Rocks

HTML5 Fonctionnalités

Accès aux fichiers

Le HTML5 fournit des API très puissantes permettant d'interagir avec les données binaires et le système de fichiers local d'un utilisateur. La suite d'API File offre aux applications Web la possibilité de lire des fichiers de façon synchrone ou asynchrone, de créer des objets Blob arbitraires, d'écrire des fichiers dans un emplacement temporaire, de lire un répertoire de fichiers de façon récursive, d'effectuer des opérations de glisser-déposer de fichiers depuis le Bureau vers le navigateur et d'importer des données binaires à l'aide de XMLHttpRequest2.

La suite d'API File peut être utilisée, par exemple, pour créer des vignettes d'aperçu d'images, lors de leur envoi au serveur. Cette suite peut également servir à autoriser une application à enregistrer un fichier de référence lorsque l'utilisateur est hors connexion. L'API Web Audio peut être utilisée pour lire un fichier .mp3 et afficher une représentation visuelle du morceau pendant sa lecture. La logique côté client, quant à elle, peut vous permettre de vérifier que l'importation d'un mimetype correspond à son extension de fichier, ou de restreindre la taille d'une importation.

Nouveautés

Démos

HTML5 Demos: Drag files from the desktop to the browser

Dans la pratique

GMail
MugTug Darkroom

Ressources

  • W3C Spec: File Cette norme W3C définit les API File : File, FileList, FileReader et Blob.
  • W3C Spec: FileSystem APIs Cette norme W3C définit les API FileSystem, qui fournissent une interface permettant de lire et d'écrire des fichiers et des répertoires dans un système de fichiers de bac à sable.
  • W3C Spec: FileWriter Cette norme W3C définit l'API FileWriter, qui fournit une interface permettant d'écrire dans des fichiers provenant d'applications Web.
  • W3C Spec: ProgressEvents Cette norme W3C définit l'interface ProgressEvent, qui informe de façon asynchrone de la progression de la lecture d'un fichier.
  • WHATWG Spec: Drag and Drop La norme WHATWG définit les API natives de glisser-déposer HTML5.
  • Mozilla Hacks: Interactive file uploads Didacticiel sur l'utilisation de la fonctionnalité de glisser-déposer, de l'API File et de la requête XMLHttpRequest pour la mise en ligne de fichiers.
  • MDC: Drag Operations Documentation de référence sur les différentes options disponibles dans l'API de glisser-déplacer
  • HTML5 Doctor: Native Drag and Drop Article concernant l'utilisation de la fonctionnalité native de glisser-déposer HTML5. Aborde le glisser-déposer des fichiers depuis le Bureau.