---
title: "Afbeeldingen in XML integreren"
date: "2020-01-15"
categories: 
  - "development"
  - "json"
  - "xml"
tags: 
  - "json"
  - "json-editor"
  - "xml"
  - "xml-editor"
  - "xmlspy"
description: Ontdek hoe u afbeeldingen kunt integreren in XML- en JSON-documenten met behulp van XMLSpy. Deze handleiding beschrijft de stappen om externe bestanden als onderdeel van uw datastructuur op te nemen.
---
Status: #blog

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

Categories: [development](/blog/nl/category/development.md) | [json](/blog/nl/category/json.md) | [xml](/blog/nl/category/xml.md)
# Afbeeldingen in XML integreren

Een van de handige functies die een paar jaar geleden aan XMLSpy is toegevoegd, op basis van verzoeken van klanten, is de mogelijkheid om externe bestanden, zoals afbeeldingen, rechtstreeks in een XML-document te integreren als gecodeerde tekst. Dit geeft u de mogelijkheid om alle benodigde gegevens uit verschillende externe bestanden samen te voegen in één groot XML-document. Deze functionaliteit is ook beschikbaar voor het integreren van afbeeldingen in JSON-documenten. 

Laten we eens kijken hoe eenvoudig het is om dit te bereiken met XML en [JSON-editor](https://www.altova.com/nl/xmlspy-xml-editor/json_editor) in slechts een paar stappen.

![Foto voor het weergeven van afbeeldingen](/blog/images/shutterstock_22183099.jpg)

<!--more-->

### Afbeeldingen in XML of JSON integreren 

Klik eerst op het commando "Invoegen / Extern bestand met codering", dat beschikbaar is in de tekstweergave en de tabelweergave voor XML-documenten, en in de tekstweergave voor JSON-bestanden.

![bestand invoegen (gecodeerd)](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/insertencodedfile_thumb.gif)

Navigeer om het bestand te selecteren dat u wilt invoegen, en kies vervolgens of u Base 16 of Base 64 codering wilt gebruiken. Als u de gecodeerde tekst wilt omringen met een element, vink dan het vakje "Element maken" aan en geef de naam op die u wilt gebruiken.

In dit voorbeeld maken we een nieuw XML-element met de naam <photo>. Als het vakje "Element aanmaken" niet is aangevinkt, wordt de gecodeerde tekst direct op de positie van de cursor ingevoegd.

![gecodeerd beeld](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/encodedimage_thumb.gif)

Wanneer we op OK klikken, wordt de gecodeerde tekst van het door ons opgegeven afbeeldingsbestand ingevoegd in het <photo>-element en wordt dit nu onderdeel van ons XML-document.

![afbeelding-base64](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/imagebase64_thumb.gif)

Hier is een voorbeeld van een JSON-document in de krachtige [JSON-rastereditor](https://www.altova.com/nl/xmlspy-xml-editor/json_editor). U kunt zien dat we een afbeelding in het bestand hebben ingebed. 

![Hoe een afbeelding in een JSON-bestand in te voegen ](/blog/images/dayattheraces.png)

En dat is alles! U kunt [een gratis proefversie van XMLSpy downloaden](https://www.altova.com/nl/xmlspy-xml-editor/download) om het zelf uit te proberen.