Comment convertir une URL d'image en Base64 en Javascript ?

Comment convertir l'URL d'une image en Base64

Vous recevez une URL d'image à partir d'une entrée d'image et vous devez la convertir en Base64. vous pouvez l'envoyer à un service Web et enregistrer l'image localement. Le code actuel que vous utilisez ne convertit pas l'URL en Base64.

Pour y parvenir, vous pouvez suivre les étapes suivantes :

1. Créez une fonction JavaScript pour convertir l'image en Base64 :

<code class="javascript">function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);
  var dataURL = canvas.toDataURL("image/png");
  return dataURL.replace(/^data:image\/?[A-z]*;base64,/);
}</code>

Cette fonction prend un élément d'image (img) en entrée et renvoie une chaîne codée en Base64.

2. Récupérez l'élément image à partir de votre HTML :

<code class="html"><img id="imageid" src="https://www.google.de/images/srpr/logo11w.png"></code>

3. Utilisez la fonction getBase64Image() pour convertir l'image en Base64 :

<code class="javascript">var base64 = getBase64Image(document.getElementById("imageid"));</code>

Cela convertira l'image en Base64 et stockera le résultat dans la variable base64. Vous pouvez ensuite envoyer la variable base64 à votre service web pour enregistrer l'image localement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!