aboutsummaryrefslogtreecommitdiff
path: root/files/fr/glossary/base64
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-15 19:39:35 +0100
committerGitHub <noreply@github.com>2021-11-15 19:39:35 +0100
commit6f6e297fbfa7867b1f42c4245df20f4282b3b083 (patch)
treee602e617243ed4427e45c30554939818bfba8d6e /files/fr/glossary/base64
parent34d315396ca29d7ef51ecc27eeeeeb275e9b0ba9 (diff)
downloadtranslated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.tar.gz
translated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.tar.bz2
translated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.zip
Prepare Glossary section for Markdown conversion (#2971)
* Remove seoSummary and summary classes * Fix hidden blocks / code samples * Remove span cruft * Remove <font> and <style .. font..> * Remove notranslate * Remove id other than in headings * Fix pre blocks and remove style * Fix other report one offs and remove absolute urls * Remove external classes * Fixing images url
Diffstat (limited to 'files/fr/glossary/base64')
-rw-r--r--files/fr/glossary/base64/index.html135
1 files changed, 65 insertions, 70 deletions
diff --git a/files/fr/glossary/base64/index.html b/files/fr/glossary/base64/index.html
index b5393ad986..4cfaa34e5b 100644
--- a/files/fr/glossary/base64/index.html
+++ b/files/fr/glossary/base64/index.html
@@ -30,75 +30,66 @@ original_slug: Web/API/WindowBase64/Décoder_encoder_en_base64
<p>Les deux méthodes, <code>atob()</code> et <code>btoa()</code>, fonctionnent sur des chaînes de caractères. Si vous voulez utiliser des <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer"><code>ArrayBuffers</code></a>, lisez <a href="#Solution_.232_.E2.80.93_rewriting_atob%28%29_and_btoa%28%29_using_TypedArrays_and_UTF-8">ce paragraphe</a>.</p>
-<table class="topicpage-table">
- <tbody>
- <tr>
- <td>
- <h2 class="Documentation" id="Documentation" name="Documentation">Documentation</h2>
-
- <dl>
- <dt><a href="/fr/docs/Web/HTTP/data_URIs" title="https://developer.mozilla.org/en-US/docs/data_URIs">URIs de données</a></dt>
- <dd><small>Les URIs de données, définies par la <a class="external" href="http://tools.ietf.org/html/rfc2397" title="http://tools.ietf.org/html/rfc2397">RFC 2397</a>, permettent aux créateurs de contenus d'intégrer des fichiers en ligne dans des documents.</small></dd>
- <dt><a href="https://fr.wikipedia.org/wiki/Base_64" title="https://fr.wikipedia.org/wiki/Base_64">Base64</a></dt>
- <dd><small>Article Wikipédia sur l'encodage en base64.</small></dd>
- <dt>{{domxref("window.atob","atob()")}}</dt>
- <dd><small>Méthode permettant de décoder une chaîne de donnée qui a été encodée en base64.</small></dd>
- <dt>{{domxref("window.btoa","btoa()")}}</dt>
- <dd><small>Méthode permettant de créer une chaîne ASCII en base64 à partir d'une « chaîne » de données binaires.</small></dd>
- <dt><a href="#The_.22Unicode_Problem.22">Le « problème Unicode »</a></dt>
- <dd><small>Pour la plupart des navigateurs, l'utilisation de <code>btoa()</code> sur une chaîne de caractères Unicode entraînera une exception <code>Character Out Of Range</code>. Ce paragraphe indique quelques solutions.</small></dd>
- <dt><a href="/fr/docs/URIScheme" title="/fr/docs/URIScheme">URIScheme</a></dt>
- <dd><small>Une liste de schémas URI supportés par Mozilla</small>.</dd>
- <dt><a href="/fr/Add-ons/Code_snippets/StringView" title="/en-US/Add-ons/Code_snippets/StringView"><code>StringView</code></a></dt>
- <dd>Dans cet article, nous publions une bibliothèque dont les buts sont :
- <ul>
- <li>de créer une interface pour les chaînes de caractères à la façon du langage <a class="external" href="https://fr.wikipedia.org/wiki/C_%28langage%29" title="https://fr.wikipedia.org/wiki/C_%28langage%29">C</a> (i.e. un tableau de code de caractères —<a href="/fr/docs/Web/API/ArrayBufferView" title="/fr/docs/Web/API/ArrayBufferView"> <code>ArrayBufferView</code></a> en JavaScript) basée sur l'interface JavaScript <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer" title="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer"><code>ArrayBuffer</code></a>,</li>
- <li>de créer un ensemble de méthodes pour ces objets qui fonctionnent <strong>sur des tableaux de nombres</strong> plutôt que sur chaînes de caractères JavaScript immuables,</li>
- <li>de travailler avec d'autres encodages Unicode, y compris ceux différent d'UTF-16 qui est l'encodage par défaut de JavaScript pour les <a href="/fr/docs/Web/API/DOMString" title="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>.</li>
- </ul>
- </dd>
- </dl>
-
- </td>
- <td>
- <h2 class="Tools" id="Tools" name="Tools">Outils</h2>
-
- <ul>
- <li><a href="#Solution_.232_.E2.80.93_rewriting_atob()_and_btoa()_using_TypedArrays_and_UTF-8">Réécrire <code>atob()</code>et <code>btoa()</code> en utilisant des <code>TypedArray</code>s et l'UTF-8</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés.</a></li>
- </ul>
-
- <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Sujets connexes</h2>
-
- <ul>
- <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/ArrayBuffer"><code>ArrayBuffer</code></a></li>
- <li><a href="/fr/docs/Web/JavaScript/Tableaux_typés">Les tableaux typés</a></li>
- <li><a href="/fr/docs/Web/API/ArrayBufferView">ArrayBufferView</a></li>
- <li><a href="/fr/docs/Web/API/Uint8Array"><code>Uint8Array</code></a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></li>
- <li><a href="/fr/docs/Web/API/DOMString" title="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></li>
- <li><a href="/fr/docs/Glossary/URI" title="/fr/docs/Glossary/URI"><code>URI</code></a></li>
- <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI" title="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li>
- </ul>
- </td>
- </tr>
- </tbody>
-</table>
+
+<h2>Documentation</h2>
+
+<dl>
+ <dt><a href="/fr/docs/Web/HTTP/data_URIs">URIs de données</a></dt>
+ <dd><small>Les URIs de données, définies par la <a href="http://tools.ietf.org/html/rfc2397">RFC 2397</a>, permettent aux créateurs de contenus d'intégrer des fichiers en ligne dans des documents.</small></dd>
+ <dt><a href="https://fr.wikipedia.org/wiki/Base_64">Base64</a></dt>
+ <dd><small>Article Wikipédia sur l'encodage en base64.</small></dd>
+ <dt>{{domxref("window.atob","atob()")}}</dt>
+ <dd><small>Méthode permettant de décoder une chaîne de donnée qui a été encodée en base64.</small></dd>
+ <dt>{{domxref("window.btoa","btoa()")}}</dt>
+ <dd><small>Méthode permettant de créer une chaîne ASCII en base64 à partir d'une « chaîne » de données binaires.</small></dd>
+ <dt><a href="#The_.22Unicode_Problem.22">Le « problème Unicode »</a></dt>
+ <dd><small>Pour la plupart des navigateurs, l'utilisation de <code>btoa()</code> sur une chaîne de caractères Unicode entraînera une exception <code>Character Out Of Range</code>. Ce paragraphe indique quelques solutions.</small></dd>
+ <dt><a href="/fr/docs/URIScheme">URIScheme</a></dt>
+ <dd><small>Une liste de schémas URI supportés par Mozilla</small>.</dd>
+ <dt><a href="/fr/Add-ons/Code_snippets/StringView"><code>StringView</code></a></dt>
+ <dd>Dans cet article, nous publions une bibliothèque dont les buts sont :
+ <ul>
+ <li>de créer une interface pour les chaînes de caractères à la façon du langage <a href="https://fr.wikipedia.org/wiki/C_%28langage%29">C</a> (i.e. un tableau de code de caractères —<a href="/fr/docs/Web/API/ArrayBufferView"> <code>ArrayBufferView</code></a> en JavaScript) basée sur l'interface JavaScript <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer"><code>ArrayBuffer</code></a>,</li>
+ <li>de créer un ensemble de méthodes pour ces objets qui fonctionnent <strong>sur des tableaux de nombres</strong> plutôt que sur chaînes de caractères JavaScript immuables,</li>
+ <li>de travailler avec d'autres encodages Unicode, y compris ceux différent d'UTF-16 qui est l'encodage par défaut de JavaScript pour les <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2>Outils</h2>
+
+<ul>
+ <li><a href="#Solution_.232_.E2.80.93_rewriting_atob()_and_btoa()_using_TypedArrays_and_UTF-8">Réécrire <code>atob()</code>et <code>btoa()</code> en utilisant des <code>TypedArray</code>s et l'UTF-8</a></li>
+ <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés.</a></li>
+</ul>
+
+<h2>Sujets connexes</h2>
+
+<ul>
+ <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/ArrayBuffer"><code>ArrayBuffer</code></a></li>
+ <li><a href="/fr/docs/Web/JavaScript/Tableaux_typés">Les tableaux typés</a></li>
+ <li><a href="/fr/docs/Web/API/ArrayBufferView">ArrayBufferView</a></li>
+ <li><a href="/fr/docs/Web/API/Uint8Array"><code>Uint8Array</code></a></li>
+ <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></li>
+ <li><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></li>
+ <li><a href="/fr/docs/Glossary/URI"><code>URI</code></a></li>
+ <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li>
+</ul>
<h2 id="Le_«_problème_Unicode_»">Le « problème Unicode »</h2>
-<p>Les objets <a href="/en-US/docs/Web/API/DOMString" title="/en-US/docs/Web/API/DOMString"><code>DOMString</code></a> sont des chaînes de caractères encodées sur 16 bits. Pour la plupart des navigateurs, lorsqu'on appelle <code>window.btoa</code> sur une chaîne Unicode, cela entraîne une exception <code>Character Out Of Range</code> si la représentation du caractère dépasse les 8 bits ASCII. Deux méthodes existent pour résoudre le problème :</p>
+<p>Les objets <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> sont des chaînes de caractères encodées sur 16 bits. Pour la plupart des navigateurs, lorsqu'on appelle <code>window.btoa</code> sur une chaîne Unicode, cela entraîne une exception <code>Character Out Of Range</code> si la représentation du caractère dépasse les 8 bits ASCII. Deux méthodes existent pour résoudre le problème :</p>
<ul>
<li>échapper la chaîne dans son intégralité puis l'encoder,</li>
- <li>convertir la chaîne UTF-16 <a href="/en-US/docs/Web/API/DOMString" title="/en-US/docs/Web/API/DOMString"><code>DOMString</code></a> en un tableau UTF-8 de caractères puis l'encoder.</li>
+ <li>convertir la chaîne UTF-16 <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> en un tableau UTF-8 de caractères puis l'encoder.</li>
</ul>
<p>Voici ces deux méthodes :</p>
<h3 id="Première_solution_–_échapper_la_chaîne_avant_de_lencoder">Première solution  – échapper la chaîne avant de l'encoder</h3>
-<pre class="brush:js notranslate">function utf8_to_b64( str ) {
+<pre class="brush:js">function utf8_to_b64( str ) {
return window.btoa(unescape(encodeURIComponent( str )));
}
@@ -114,9 +105,11 @@ b64_to_utf8('4pyTIMOgIGxhIG1vZGU='); // "✓ à la mode"</pre>
<h3 id="Seconde_solution_–_réécrire_atob_et_btoa_en_utilisant_des_TypedArray_avec_de_lUTF-8">Seconde solution – réécrire <code>atob()</code> et <code>btoa()</code> en utilisant des <code>TypedArray</code> avec de l'UTF-8</h3>
-<div class="note"><strong>Note :</strong> Le code suivant peut également être utilisé pour obtenir un <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">ArrayBuffer</a> depuis une chaîne en base 64 (et vice-versa, voir ci-après). <strong>Pour un article concernant une bibliothèque complète sur les tableaux typés, voir <a href="/fr/Add-ons/Code_snippets/StringView" title="/fr/Add-ons/Code_snippets/StringView">cet article</a></strong>.</div>
+<div class="note">
+ <p><strong>Note :</strong> Le code suivant peut également être utilisé pour obtenir un <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">ArrayBuffer</a> depuis une chaîne en base 64 (et vice-versa, voir ci-après). <strong>Pour un article concernant une bibliothèque complète sur les tableaux typés, voir <a href="/fr/Add-ons/Code_snippets/StringView">cet article</a></strong>.</p>
+</div>
-<pre class="brush: js notranslate">"use strict";
+<pre class="brush: js">"use strict";
/*\
|*|
@@ -292,7 +285,7 @@ function strToUTF8Arr (sDOMStr) {
<h4 id="Tests">Tests</h4>
-<pre class="brush: js notranslate">/* Tests */
+<pre class="brush: js">/* Tests */
var entréeChaîne = "base64 \u2014 Mozilla Developer Network";
@@ -312,30 +305,32 @@ alert(sortieChaîne);</pre>
<p>Ces fonctions permettent de créer des objets <a href="/fr/docs/Web/API/Uint8Array">uint8Arrays</a> ou <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">arrayBuffers</a> à partir de chaînes en base64 :</p>
-<pre class="brush: js notranslate">var monTableau = base64DecToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw=="); // "Base 64 \u2014 Mozilla Developer Network"
+<pre class="brush: js">var monTableau = base64DecToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw=="); // "Base 64 \u2014 Mozilla Developer Network"
var monBuffer = base64DecToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw==").buffer; // "Base 64 \u2014 Mozilla Developer Network"
alert(monBuffer.byteLength);</pre>
-<div class="note"><strong>Note :</strong> La fonction <code>base64DecToArr(sBase64[, <em>nTailleBloc</em>])</code> renvoie un <a href="/en-US/docs/Web/JavaScript/Typed_arrays/Uint8Array"><code>uint8Array</code></a> d'octets. Si vous souhaitez utiliser un tampon mémoire de 16 bits, 32 bits, 64 bits pour les données brutes, utilisez l'argument <code>nTailleBloc</code>, qui représente le nombre d'octets dont la propriété <code>uint8Array.buffer.bytesLength</code> doit être un multiple (<code>1</code> ou pas de paramètre pour l'ASCII, <a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMString/Binary">les chaînes binaires</a> ou les chaînes encodées UTF-8, <code>2</code> pour les chaînes UTF-16, <code>4</code> pour les chaînes UTF-32).</div>
+<div class="note">
+ <p><strong>Note :</strong> La fonction <code>base64DecToArr(sBase64[, <em>nTailleBloc</em>])</code> renvoie un <a href="/fr/docs/Web/JavaScript/Typed_arrays/Uint8Array"><code>uint8Array</code></a> d'octets. Si vous souhaitez utiliser un tampon mémoire de 16 bits, 32 bits, 64 bits pour les données brutes, utilisez l'argument <code>nTailleBloc</code>, qui représente le nombre d'octets dont la propriété <code>uint8Array.buffer.bytesLength</code> doit être un multiple (<code>1</code> ou pas de paramètre pour l'ASCII, <a href="/fr/docs/Web/API/DOMString/Binary">les chaînes binaires</a> ou les chaînes encodées UTF-8, <code>2</code> pour les chaînes UTF-16, <code>4</code> pour les chaînes UTF-32).</p>
+</div>
-<p>Pour une bibliothèque plus complète, voir <a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></p>
+<p>Pour une bibliothèque plus complète, voir <a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></p>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
<li>{{domxref("window.atob","atob()")}}</li>
<li>{{domxref("window.btoa","btoa()")}}</li>
- <li><a href="/fr/docs/Web/HTTP/data_URIs" title="/fr/docs/Web/HTTP/data_URIs">URIs de données </a></li>
+ <li><a href="/fr/docs/Web/HTTP/data_URIs">URIs de données </a></li>
<li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">ArrayBuffer</a></li>
<li><a href="/fr/docs/Web/JavaScript/Tableaux_typés">Tableaux typés</a></li>
<li><a href="/fr/docs/Web/API/ArrayBufferView">ArrayBufferView</a></li>
<li><a href="/fr/docs/Web/API/Uint8Array">Uint8Array</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes, basée sur les tableaux typés</a></li>
- <li><a href="/fr/docs/Web/API/DOMString" title="/fr/docs/Web/API/DOMString">DOMString</a></li>
- <li><a href="/fr/docs/Glossary/URI" title="/fr/docs/Glossary/URI"><code>URI</code></a></li>
- <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI" title="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li>
- <li><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIURIFixup" title="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIURIFixup"><code>nsIURIFixup()</code></a></li>
- <li><a href="https://fr.wikipedia.org/wiki/Base64" title="https://fr.wikipedia.org/wiki/Base64">Article sur la base64 sur Wikipédia</a></li>
+ <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes, basée sur les tableaux typés</a></li>
+ <li><a href="/fr/docs/Web/API/DOMString">DOMString</a></li>
+ <li><a href="/fr/docs/Glossary/URI"><code>URI</code></a></li>
+ <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li>
+ <li><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIURIFixup"><code>nsIURIFixup()</code></a></li>
+ <li><a href="https://fr.wikipedia.org/wiki/Base64">Article sur la base64 sur Wikipédia</a></li>
</ul>