Maison > Article > interface Web > 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 :
<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.
<code class="html"><img id="imageid" src="https://www.google.de/images/srpr/logo11w.png"></code>
<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!