Maison >interface Web >js tutoriel >Comment convertir Base64 en image en JavaScript/jQuery ?

Comment convertir Base64 en image en JavaScript/jQuery ?

Patricia Arquette
Patricia Arquetteoriginal
2024-10-28 20:40:31681parcourir

How to Convert Base64 to Image in JavaScript/jQuery?

Comment convertir Base64 en image en JavaScript/jQuery

Vous avez rencontré une tâche dans laquelle vous devez convertir les données base64 capturées à partir d'une caméra alimenter une image. Voici comment y parvenir en JavaScript/jQuery :

Pour convertir les données base64 en image :

<code class="javascript">var image = new Image();
image.src = 'data:image/png;base64,' + item_image;</code>

Le code ci-dessus crée un objet Image et définit sa source (src) sur les données base64 dont vous disposez, y compris la partie 'data:image/png;base64'.

Une fois l'image chargée, vous pouvez l'ajouter au DOM en utilisant :

<code class="javascript">document.body.appendChild(image);</code>

Cela affichera l'image dans votre document HTML.

Il est important de noter que certains navigateurs peuvent ne pas prendre en charge les URI de données. Vous pouvez consulter le [tableau de compatibilité](lien vers le tableau) pour plus d'informations.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn