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

Comment convertir Base64 en image en JavaScript/jQuery ?

Patricia Arquette
Libérer: 2024-10-28 20:40:31
original
692 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal