From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/filereader/filereader/index.md | 58 +++--- files/fr/web/api/filereader/index.md | 203 +++++++++------------ .../web/api/filereader/readasarraybuffer/index.md | 51 ++---- .../web/api/filereader/readasbinarystring/index.md | 63 +++---- files/fr/web/api/filereader/readasdataurl/index.md | 104 +++++------ files/fr/web/api/filereader/readastext/index.md | 69 +++---- 6 files changed, 228 insertions(+), 320 deletions(-) (limited to 'files/fr/web/api/filereader') diff --git a/files/fr/web/api/filereader/filereader/index.md b/files/fr/web/api/filereader/filereader/index.md index 53c3cedb1e..5e13f908c3 100644 --- a/files/fr/web/api/filereader/filereader/index.md +++ b/files/fr/web/api/filereader/filereader/index.md @@ -8,52 +8,40 @@ tags: - Reference translation_of: Web/API/FileReader/FileReader --- -

FileReader()  est un constructeur qui permet de créer un nouvel objet FileReader.

+**`FileReader()`**  est un constructeur qui permet de créer un nouvel objet FileReader. -

Pour plus de details à propos de FileReader, visiter Using files from web applications.

+Pour plus de details à propos de `FileReader`, visiter [Using files from web applications](/en-US/docs/Web/API/File/Using_files_from_web_applications). -

Syntaxe

+## Syntaxe -
var reader = new FileReader();
+```js +var reader = new FileReader(); +``` -

Paramèteres

+### Paramèteres -

Aucun.

+Aucun. -

Exemple

+## Exemple -

L'extrait de code ci-dessous montre la création d'un objet FileReader en utilisant le constructeur FileReader()  ainsi qu'une utilisation subséquente de cet objet:

+L'extrait de code ci-dessous montre la création d'un objet [`FileReader`](/en-US/docs/Web/API/FileReader) en utilisant le constructeur `FileReader()`  ainsi qu'une utilisation subséquente de cet objet: -
function printFile(file) {
+```js
+function printFile(file) {
   var reader = new FileReader();
   reader.onload = function(evt) {
     console.log(evt.target.result);
   };
   reader.readAsText(file);
 }
-
- -

Caractéristiques

- - - - - - - - - - - - - - - - -
CaractéristiqueStatusCommentaire
{{SpecName('File API')}}{{Spec2('File API')}}Définition Initiale
- -

Voir aussi

- - +``` + +## Caractéristiques + +| Caractéristique | Status | Commentaire | +| -------------------------------- | ---------------------------- | ------------------- | +| {{SpecName('File API')}} | {{Spec2('File API')}} | Définition Initiale | + +## Voir aussi + +- [Using files from web applications](/en-US/docs/Web/API/File/Using_files_from_web_applications) diff --git a/files/fr/web/api/filereader/index.md b/files/fr/web/api/filereader/index.md index 913886ed27..5457e2427a 100644 --- a/files/fr/web/api/filereader/index.md +++ b/files/fr/web/api/filereader/index.md @@ -8,115 +8,94 @@ tags: - Référence(2) translation_of: Web/API/FileReader --- -
{{APIRef("File API")}}
- -

L'objet FileReader permet à des applications web de lire le contenu de fichiers (ou de tampons de mémoire brute) de façon asynchrone. On peut ainsi lire le contenu des objets {{domxref("File")}} ou {{domxref("Blob")}} (qui représentent respectivement un fichier ou des données).

- -

Les objets qui sont des fichiers peuvent être obtenus à partir d'un objet {{domxref("FileList")}}, renvoyé lorsque l'utilisateur sélectionne des fichiers grâce à un élément {{HTMLElement("input")}}, via un glisser-déposer avec un objet DataTransfer ou grâce à l'API mozGetAsFile() API de {{domxref("HTMLCanvasElement")}}.

- -

{{AvailableInWorkers}}

- -

Constructeur

- -
-
{{domxref("FileReader.FileReader", "FileReader()")}}
-
Ce constructeur renvoie un nouvel objet FileReader.
-
- -

Pour plus d'informations et d'exemples, consulter utiliser des fichiers depuis des applications web.

- -

Propriétés

- -
-
{{domxref("FileReader.error")}} {{readonlyinline}}
-
Un objet {{domxref("DOMError")}} qui représente l'erreur qui s'est produite lors de la lecture du fichier.
-
{{domxref("FileReader.readyState")}} {{readonlyinline}}
-
Un nombre qui indique l'état du FileReader. Cette valeur est l'une des suivantes : - - - - - - - - - - - - - - - - - - -
EMPTY0Aucune donnée n'a encore été chargée.
LOADING1Des données sont en cours de chargement.
DONE2La demande de lecture est complètement terminée.
-
-
{{domxref("FileReader.result")}} {{readonlyinline}}
-
Le contenu du fichier. Cette propriété est uniquement valide lorsque l'opération de lecture est terminée et le format des données dépend de la méthode utilisée pour l'opération de lecture.
-
- -

Gestionnaire d'évènements

- -
-
{{domxref("FileReader.onabort")}}
-
Un gestionnaire pour l'évènement {{event("abort")}}. Cet évènement est déclenché à chaque fois que l'opération de lecture est interrompue.
-
{{domxref("FileReader.onerror")}}
-
Un gestionnaire pour l'évènement {{event("error")}}. Cet évènement est déclenché à chaque fois qu'il y a une erreur pendant l'opération de lecture.
-
{{domxref("FileReader.onload")}}
-
Un gestionnaire pour l'évènement {{event("load")}}. Cet évènement est déclenché à chaque fois qu'une opération de lecture est menée à bien.
-
{{domxref("FileReader.onloadstart")}}
-
Un gestionnaire pour l'évènement {{event("loadstart")}}. Cet évènement est déclenché chaque fois qu'une opération de lecture commence.
-
{{domxref("FileReader.onloadend")}}
-
Un gestionnaire pour l'évènement {{event("loadend")}}. Cet évènement est déclenché chaque fois qu'une opération de lecture est terminée (que ce soit un succès ou un échec).
-
{{domxref("FileReader.onprogress")}}
-
Un gestionnaire pour l'évènement {{event("progress")}}. Cet évènement est déclenché lorsque la lecture du {{domxref("Blob")}} est en cours.
-
- -
-

Note : FileReader hérite de l'interface {{domxref("EventTarget")}} et tout ces évènements peuvent donc être « écoutés » grâce à la méthode {{domxref("EventTarget.addEventListener()","addEventListener")}}.

-
- -

Méthodes

- -
-
{{domxref("FileReader.abort()")}}
-
Cette méthode interrompt l'opération de lecture. Après avoir renvoyé une valeur, l'état readyState aura la valeur DONE.
-
{{domxref("FileReader.readAsArrayBuffer()")}} {{gecko_minversion_inline("7.0")}}
-
Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois que la lecture est terminée, l'attribut result contient un objet {{domxref("ArrayBuffer")}} représentant les données du fichier.
-
{{domxref("FileReader.readAsBinaryString()")}} {{non-standard_inline}}
-
Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois que la lecture est terminée, l'attribut result contient les données binaires brutes sous la forme d'une chaîne de caractères.
-
{{domxref("FileReader.readAsDataURL()")}}
-
Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois que la lecture est terminée, l'attribut result contient une URL de données qui représente les données du fichier.
-
{{domxref("FileReader.readAsText()")}}
-
Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois la lecture terminée, l'attribut result contient les données du fichier sous la forme d'une chaîne de caractères.
-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("File API", "#dfn-filereader", "FileReader")}}{{Spec2("File API")}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.FileReader")}}

- -

Voir aussi

- - +{{APIRef("File API")}} + +L'objet **`FileReader`** permet à des applications web de lire le contenu de fichiers (ou de tampons de mémoire brute) de façon asynchrone. On peut ainsi lire le contenu des objets {{domxref("File")}} ou {{domxref("Blob")}} (qui représentent respectivement un fichier ou des données). + +Les objets qui sont des fichiers peuvent être obtenus à partir d'un objet {{domxref("FileList")}}, renvoyé lorsque l'utilisateur sélectionne des fichiers grâce à un élément {{HTMLElement("input")}}, via un glisser-déposer avec un objet [`DataTransfer`](/fr/docs/Web/API/DataTransfer) ou grâce à l'API `mozGetAsFile()` API de {{domxref("HTMLCanvasElement")}}. + +{{AvailableInWorkers}} + +## Constructeur + +- {{domxref("FileReader.FileReader", "FileReader()")}} + - : Ce constructeur renvoie un nouvel objet `FileReader`. + +Pour plus d'informations et d'exemples, consulter [utiliser des fichiers depuis des applications web](/fr/docs/Using_files_from_web_applications). + +## Propriétés + +- {{domxref("FileReader.error")}} {{readonlyinline}} + - : Un objet {{domxref("DOMError")}} qui représente l'erreur qui s'est produite lors de la lecture du fichier. +- {{domxref("FileReader.readyState")}} {{readonlyinline}} + + - : Un nombre qui indique l'état du `FileReader`. Cette valeur est l'une des suivantes : + + + + + + + + + + + + + + + + + + + +
EMPTY0Aucune donnée n'a encore été chargée.
LOADING1Des données sont en cours de chargement.
DONE2La demande de lecture est complètement terminée.
+ +- {{domxref("FileReader.result")}} {{readonlyinline}} + - : Le contenu du fichier. Cette propriété est uniquement valide lorsque l'opération de lecture est terminée et le format des données dépend de la méthode utilisée pour l'opération de lecture. + +### Gestionnaire d'évènements + +- {{domxref("FileReader.onabort")}} + - : Un gestionnaire pour l'évènement {{event("abort")}}. Cet évènement est déclenché à chaque fois que l'opération de lecture est interrompue. +- {{domxref("FileReader.onerror")}} + - : Un gestionnaire pour l'évènement {{event("error")}}. Cet évènement est déclenché à chaque fois qu'il y a une erreur pendant l'opération de lecture. +- {{domxref("FileReader.onload")}} + - : Un gestionnaire pour l'évènement {{event("load")}}. Cet évènement est déclenché à chaque fois qu'une opération de lecture est menée à bien. +- {{domxref("FileReader.onloadstart")}} + - : Un gestionnaire pour l'évènement {{event("loadstart")}}. Cet évènement est déclenché chaque fois qu'une opération de lecture commence. +- {{domxref("FileReader.onloadend")}} + - : Un gestionnaire pour l'évènement {{event("loadend")}}. Cet évènement est déclenché chaque fois qu'une opération de lecture est terminée (que ce soit un succès ou un échec). +- {{domxref("FileReader.onprogress")}} + - : Un gestionnaire pour l'évènement {{event("progress")}}. Cet évènement est déclenché lorsque la lecture du {{domxref("Blob")}} est en cours. + +> **Note :** `FileReader` hérite de l'interface {{domxref("EventTarget")}} et tout ces évènements peuvent donc être « écoutés » grâce à la méthode {{domxref("EventTarget.addEventListener()","addEventListener")}}. + +## Méthodes + +- {{domxref("FileReader.abort()")}} + - : Cette méthode interrompt l'opération de lecture. Après avoir renvoyé une valeur, l'état `readyState` aura la valeur `DONE`. +- {{domxref("FileReader.readAsArrayBuffer()")}} {{gecko_minversion_inline("7.0")}} + - : Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois que la lecture est terminée, l'attribut `result` contient un objet {{domxref("ArrayBuffer")}} représentant les données du fichier. +- {{domxref("FileReader.readAsBinaryString()")}} {{non-standard_inline}} + - : Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois que la lecture est terminée, l'attribut `result` contient les données binaires brutes sous la forme d'une chaîne de caractères. +- {{domxref("FileReader.readAsDataURL()")}} + - : Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois que la lecture est terminée, l'attribut `result` contient une URL de données qui représente les données du fichier. +- {{domxref("FileReader.readAsText()")}} + - : Cette méthode démarre la lecture du contenu pour le blob indiqué. Une fois la lecture terminée, l'attribut `result` contient les données du fichier sous la forme d'une chaîne de caractères. + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------- | ---------------------------- | -------------------- | +| {{SpecName("File API", "#dfn-filereader", "FileReader")}} | {{Spec2("File API")}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.FileReader")}} + +## Voir aussi + +- [Manipuler des fichiers depuis des applications web](/fr/docs/Using_files_from_web_applications) +- {{domxref("File")}} +- {{domxref("Blob")}} diff --git a/files/fr/web/api/filereader/readasarraybuffer/index.md b/files/fr/web/api/filereader/readasarraybuffer/index.md index cba515b488..f0063940c0 100644 --- a/files/fr/web/api/filereader/readasarraybuffer/index.md +++ b/files/fr/web/api/filereader/readasarraybuffer/index.md @@ -8,50 +8,31 @@ tags: - Méthodes translation_of: Web/API/FileReader/readAsArrayBuffer --- -

{{APIRef("File API")}}

+{{APIRef("File API")}} -

La méthode readAsArrayBuffer() de l'interface {{domxref("FileReader")}} permet de lire un {{domxref("Blob")}} ou un {{domxref("File")}} (fichier). Quand l'opération est finie, l'attribut {{domxref("FileReader.readyState","readyState")}} prend la valeur "DONE" (terminé) à savoir 2, et l'événement {{event("loadend")}} est levé. L'attribut {{domxref("FileReader.result","résultat")}} contient alors les données lues sous la forme d'un objet {{domxref("ArrayBuffer")}}.

+La méthode **`readAsArrayBuffer()`** de l'interface {{domxref("FileReader")}} permet de lire un {{domxref("Blob")}} ou un {{domxref("File")}} (_fichier_). Quand l'opération est finie, l'attribut {{domxref("FileReader.readyState","readyState")}} prend la valeur `"DONE"` (_terminé_) à savoir `2`, et l'événement {{event("loadend")}} est levé. L'attribut {{domxref("FileReader.result","résultat")}} contient alors les données lues sous la forme d'un objet {{domxref("ArrayBuffer")}}. -
-

Note : La méthode {{domxref("Blob.arrayBuffer()")}} est une nouvelle API basée sur les promesses permettant de lire un fichier.

-
+> **Note :** La méthode {{domxref("Blob.arrayBuffer()")}} est une nouvelle API basée sur les promesses permettant de lire un fichier. -

Syntaxe

+## Syntaxe -
instanceOfFileReader.readAsArrayBuffer(blob);
+ instanceOfFileReader.readAsArrayBuffer(blob); -

Paramètres

+### Paramètres -
-
blob
-
Le {{domxref("Blob")}} ou le {{domxref("File")}} (fichier) devant être lu.
-
+- `blob` + - : Le {{domxref("Blob")}} ou le {{domxref("File")}} (_fichier_) devant être lu. -

Spécifications

+## Spécifications - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName("File API", "#readAsArrayBuffer", "FileReader.readAsArrayBuffer")}}{{Spec2("File API")}}Définition initiale.
+| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------------- | +| {{SpecName("File API", "#readAsArrayBuffer", "FileReader.readAsArrayBuffer")}} | {{Spec2("File API")}} | Définition initiale. | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs +{{Compat("api.FileReader.readAsArrayBuffer")}}. +## Voir aussi -

{{Compat("api.FileReader.readAsArrayBuffer")}}.

- -

Voir aussi

- - +- {{domxref("FileReader")}} diff --git a/files/fr/web/api/filereader/readasbinarystring/index.md b/files/fr/web/api/filereader/readasbinarystring/index.md index 2155291f2b..418c9f4f88 100644 --- a/files/fr/web/api/filereader/readasbinarystring/index.md +++ b/files/fr/web/api/filereader/readasbinarystring/index.md @@ -3,30 +3,29 @@ title: FileReader.readAsBinaryString() slug: Web/API/FileReader/readAsBinaryString translation_of: Web/API/FileReader/readAsBinaryString --- -
{{APIRef("File API")}}
+{{APIRef("File API")}} -

La méthode readAsArrayBuffer() de l'interface {{domxref("FileReader")}} permet de lire un {{domxref("Blob")}} ou un {{domxref("File")}} (fichier). Quand l'opération est finie, l'attribut {{domxref("FileReader.readyState","readyState")}} prend la valeur "DONE" (terminé), et l'événement {{event("loadend")}} est levé.

+La méthode `readAsArrayBuffer()` de l'interface {{domxref("FileReader")}} permet de lire un {{domxref("Blob")}} ou un {{domxref("File")}} (_fichier_). Quand l'opération est finie, l'attribut {{domxref("FileReader.readyState","readyState")}} prend la valeur `"DONE"` (_terminé_), et l'événement {{event("loadend")}} est levé. -

L'attribut {{domxref("FileReader.result","result")}} contient alors les données binaires brutes lues.

+L'attribut {{domxref("FileReader.result","result")}} contient alors les données binaires brutes lues. -

Notez que cette méthode fût enlevée de l'API, mais réintroduite pour des raison de compatibilité ascendante.

+Notez que cette méthode fût enlevée de l'API, mais réintroduite pour des raison de compatibilité ascendante. -

L'utilisation de {{domxref("FileReader.readAsArrayBuffer()")}} est recomandée.

+L'utilisation de {{domxref("FileReader.readAsArrayBuffer()")}} est recomandée. -

Syntaxe

+## Syntaxe -
instanceOfFileReader.readAsBinaryString(blob);
+ instanceOfFileReader.readAsBinaryString(blob); -

Paramètres

+### Paramètres -
-
blob
-
Le {{domxref("Blob")}} or {{domxref("File")}} devant être lu.
-
+- `blob` + - : Le {{domxref("Blob")}} or {{domxref("File")}} devant être lu. -

Exemple

+## Exemple -
var canvas = document.createElement('canvas');
+```js
+var canvas = document.createElement('canvas');
 var height = 200;
 var width  = 200;
 
@@ -48,35 +47,19 @@ canvas.toBlob(function (blob) {
   }
 
   reader.readAsBinaryString(blob);
-});
+}); +``` -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('File API','#readAsBinaryString','readAsBinaryString')}}{{Spec2('File API')}}
+| Specification | Status | Comment | +| ---------------------------------------------------------------------------------------- | ---------------------------- | ------- | +| {{SpecName('File API','#readAsBinaryString','readAsBinaryString')}} | {{Spec2('File API')}} | | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs +{{Compat("api.FileReader.readAsBinaryString")}} +## See also -

{{Compat("api.FileReader.readAsBinaryString")}}

- -

See also

- - +- {{domxref("FileReader")}} diff --git a/files/fr/web/api/filereader/readasdataurl/index.md b/files/fr/web/api/filereader/readasdataurl/index.md index 04dbbd93f1..01642d791a 100644 --- a/files/fr/web/api/filereader/readasdataurl/index.md +++ b/files/fr/web/api/filereader/readasdataurl/index.md @@ -9,31 +9,32 @@ tags: - Reference translation_of: Web/API/FileReader/readAsDataURL --- -
{{APIRef("API File")}}
+{{APIRef("API File")}} -

La méthode readAsDataURL permet de lire le contenu de l’objet  {{domxref("Blob")}} ou {{domxref("File")}} spécifié. À la fin de l’opération de lecture, la propriété {{domxref("FileReader.readyState","readyState")}} renvoie l’état DONE, et l’évènement {{event("loadend")}} se déclenche. À ce moment-là, l’attribut {{domxref("FileReader.result","result")}} contient les données dans une URL représentant les données du fichier sous forme de chaîne encodée en base64.

+La méthode `readAsDataURL` permet de lire le contenu de l’objet  {{domxref("Blob")}} ou {{domxref("File")}} spécifié. À la fin de l’opération de lecture, la propriété {{domxref("FileReader.readyState","readyState")}} renvoie l’état `DONE`, et l’évènement {{event("loadend")}} se déclenche. À ce moment-là, l’attribut {{domxref("FileReader.result","result")}} contient les données dans une URL représentant les données du fichier sous forme de chaîne encodée en base64. -

Syntaxe

+## Syntaxe -
instanceOfFileReader.readAsDataURL(blob);
+ instanceOfFileReader.readAsDataURL(blob); -

Paramètres

+### Paramètres -
-
blob
-
L’argument {{domxref("Blob")}} ou {{domxref("File")}} à partir duquel exécuter la lecture.
-
+- `blob` + - : L’argument {{domxref("Blob")}} ou {{domxref("File")}} à partir duquel exécuter la lecture. -

Exemple

+## Exemple -

HTML

+### HTML -
<input type="file" onchange="previewFile()"><br>
-<img src="" height="200" alt="Aperçu de l’image...">
+```html +
+Aperçu de l’image... +``` -

JavaScript

+### JavaScript -
function previewFile() {
+```js
+function previewFile() {
   var preview = document.querySelector('img');
   var file    = document.querySelector('input[type=file]').files[0];
   var reader  = new FileReader();
@@ -45,24 +46,28 @@ translation_of: Web/API/FileReader/readAsDataURL
   if (file) {
     reader.readAsDataURL(file);
   }
-}
+} +``` + +### Résultat en direct -

Résultat en direct

+{{EmbedLiveSample("Example", "100%", 240)}} -

{{EmbedLiveSample("Example", "100%", 240)}}

-

 

-

Exemple de lecture de plusieurs fichiers

+## Exemple de lecture de plusieurs fichiers -

HTML

+### HTML -
<input id="browse" type="file" onchange="previewFiles()" multiple>
-<div id="preview"></div>
+```html + +
+``` -

JavaScript

+### JavaScript -
function previewFiles() {
+```js
+function previewFiles() {
 
   var preview = document.querySelector('#preview');
   var files   = document.querySelector('input[type=file]').files;
@@ -91,35 +96,20 @@ translation_of: Web/API/FileReader/readAsDataURL
   }
 
 }
-
- -
-

Note : Le constructeur FileReader() n’est pas pris en charge dans les versions IE antérieures à Internet Explorer 10. Pour un code compatible avec tous les navigateurs, accédez à notre solution d’aperçu d’image multinavigateur. Examinez également cette alternative plus puissante.

-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName("API File", "#FileReader-interface", "FileReader")}}{{Spec2("API File")}}Définition initiale
- -

Compatibilité avec les navigateurs

- -

{{Compat("api.FileReader.readAsDataURL")}}

- -

Voir aussi

- - +``` + +> **Note :** Le constructeur [`FileReader()`](/en-US/docs/Web/API/FileReader) n’est pas pris en charge dans les versions IE antérieures à Internet Explorer 10. Pour un code compatible avec tous les navigateurs, accédez à notre [solution d’aperçu d’image multinavigateur](https://mdn.mozillademos.org/files/3699/crossbrowser_image_preview.html). Examinez également cette [alternative plus puissante](https://mdn.mozillademos.org/files/3698/image_upload_preview.html). + +## Spécifications + +| Spécification | État | Commentaire | +| ------------------------------------------------------------------------------------ | ---------------------------- | ------------------- | +| {{SpecName("API File", "#FileReader-interface", "FileReader")}} | {{Spec2("API File")}} | Définition initiale | + +## Compatibilité avec les navigateurs + +{{Compat("api.FileReader.readAsDataURL")}} + +## Voir aussi + +- {{domxref("FileReader")}} diff --git a/files/fr/web/api/filereader/readastext/index.md b/files/fr/web/api/filereader/readastext/index.md index cceb86eff2..63833ac3b9 100644 --- a/files/fr/web/api/filereader/readastext/index.md +++ b/files/fr/web/api/filereader/readastext/index.md @@ -9,54 +9,41 @@ tags: - Reference translation_of: Web/API/FileReader/readAsText --- -
{{APIRef("File API")}}
+{{APIRef("File API")}} -

La méthode readAsText est utilisée pour lire le contenu du {{domxref("Blob")}} ou {{domxref("File")}} spécifié en paramètre. Lorsque la lecture est terminée, l'état {{domxref("FileReader.readyState","readyState")}} passe à DONE, l'événement {{event("loadend")}} est lancé, et l'attribut {{domxref("FileReader.result","result")}} contient le contenu du fichier sous forme de chaîne de caractères.

+La méthode `readAsText` est utilisée pour lire le contenu du {{domxref("Blob")}} ou {{domxref("File")}} spécifié en paramètre. Lorsque la lecture est terminée, l'état {{domxref("FileReader.readyState","readyState")}} passe à `DONE`, l'événement {{event("loadend")}} est lancé, et l'attribut {{domxref("FileReader.result","result")}} contient le contenu du fichier sous forme de chaîne de caractères. -

Syntaxe

+## Syntaxe -
instanceOfFileReader.readAsText(blob[, encoding]);
+ instanceOfFileReader.readAsText(blob[, encoding]); -

Parameters

+### Parameters -
-
blob
-
Le {{domxref("Blob")}} ou {{domxref("File")}} qui doit être lu.
-
encoding {{optional_inline}}
-
Une chaîne de caractères spécifiant l'encodage utilisé dans les données de retour. Par défaut, UTF-8 est utilisé lorsque le paramètre n'est pas spécifié.
-
+- `blob` + - : Le {{domxref("Blob")}} ou {{domxref("File")}} qui doit être lu. +- encoding {{optional_inline}} + - : Une chaîne de caractères spécifiant l'encodage utilisé dans les données de retour. Par défaut, UTF-8 est utilisé lorsque le paramètre n'est pas spécifié. -

Exemples

+## Exemples -
var selectedFile = document.getElementById('input').files[0];
+```js
+var selectedFile = document.getElementById('input').files[0];
 var content = document.getElementById('content');
 var reader = new FileReader();
 reader.onload = function(event) { content.innerHTML = reader.result; };
-reader.readAsText(selectedFile);
- -

Spécifications

- - - - - - - - - - - - - - -
SpecificationÉtatCommentaires
{{SpecName("File API", "#FileReader-interface", "FileReader")}}{{Spec2("File API")}}Définition initale
- -

Compatibilité des navigateurs

- -

{{Compat("api.FileReader.readAsText")}}

- -

Voir aussi

- - +reader.readAsText(selectedFile); +``` + +## Spécifications + +| Specification | État | Commentaires | +| ------------------------------------------------------------------------------------ | ---------------------------- | ------------------ | +| {{SpecName("File API", "#FileReader-interface", "FileReader")}} | {{Spec2("File API")}} | Définition initale | + +## Compatibilité des navigateurs + +{{Compat("api.FileReader.readAsText")}} + +## Voir aussi + +- {{domxref("FileReader")}} -- cgit v1.2.3-54-g00ecf