---
title: "Intégration d'images dans les fichiers XML"
date: "2020-01-15"
categories: 
  - "development"
  - "json"
  - "xml"
tags: 
  - "json"
  - "json-editor"
  - "xml"
  - "xml-editor"
  - "xmlspy"
description: Découvrez comment intégrer des images dans les documents XML et JSON à l'aide de XMLSpy. Ce guide explique les étapes à suivre pour intégrer des fichiers externes dans la structure de vos données.
---
Status: #blog

Tags:  #json #json-editor #xml #xml-editor #xmlspy

Categories: [development](/blog/fr/category/development.md) | [json](/blog/fr/category/json.md) | [xml](/blog/fr/category/xml.md)
# Intégration d'images dans les fichiers XML

L'une des fonctionnalités les plus intéressantes ajoutées à XMLSpy il y a quelques années, et qui a été développée en réponse aux demandes des clients, est la possibilité d'intégrer directement des fichiers externes, comme des images, dans un document XML sous forme de texte encodé. Cela vous permet de regrouper toutes les données nécessaires provenant de différents fichiers externes dans un seul et même document XML. Cette fonctionnalité est également disponible pour intégrer des images dans des documents JSON. 

Examinons maintenant à quel point il est facile de réaliser cela avec XML et.. [Éditeur JSON](https://www.altova.com/fr/xmlspy-xml-editor/json_editor) en seulement quelques étapes.

![Image à intégrer](/blog/images/shutterstock_22183099.jpg)

<!--more-->

### Intégrer des images dans des fichiers XML ou JSON 

Tout d'abord, cliquez sur la commande "Insérer / Fichier externe encodé", qui est disponible dans les vues "Texte" et "Grille" pour les documents XML, et dans la vue "Texte" pour les fichiers JSON.

![insérer le fichier encodé](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/insertencodedfile_thumb.gif)

Pour sélectionner le fichier à intégrer, naviguez jusqu'à son emplacement, puis choisissez soit l'encodage Base 16, soit l'encodage Base 64. Si vous souhaitez inclure le texte encodé dans un élément, cochez la case "Créer un élément" et spécifiez le nom à utiliser.

Dans cet exemple, nous créons un nouvel élément XML appelé <photo>. Si la case à cocher "Créer un élément" n'est pas sélectionnée, le texte encodé sera inséré directement à la position du curseur.

![image encodée](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/encodedimage_thumb.gif)

Lorsque nous cliquons sur "OK", le texte encodé du fichier image que nous avons spécifié est inséré dans l'élément <photo> et fait désormais partie de notre document XML.

![image encodée en base64](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/imagebase64_thumb.gif)

Voici un exemple de document JSON, dans le cadre d'un système puissant [Éditeur Grille JSON](https://www.altova.com/fr/xmlspy-xml-editor/json_editor). Vous pouvez voir une image que nous avons intégrée dans le fichier. 

![Comment intégrer une image dans un fichier JSON ](/blog/images/dayattheraces.png)

Et c'est tout ! Vous pouvez [télécharger une version d'essai gratuite de XMLSpy](https://www.altova.com/fr/xmlspy-xml-editor/download) pour l'essayer.