---
title: "Osadzanie obrazów w plikach XML"
date: "2020-01-15"
categories: 
  - "development"
  - "json"
  - "xml"
tags: 
  - "json"
  - "json-editor"
  - "xml"
  - "xml-editor"
  - "xmlspy"
description: Odkryj, jak osadzać obrazy w dokumentach XML i JSON za pomocą programu XMLSpy. Ten przewodnik wyjaśnia kroki niezbędne do włączenia zewnętrznych plików jako część struktury danych.
---
Status: #blog

Tags:  #json #json-editor #xml #xml-editor #xmlspy

Categories: [development](/blog/pl/category/development.md) | [json](/blog/pl/category/json.md) | [xml](/blog/pl/category/xml.md)
# Osadzanie obrazów w plikach XML

Jedną z bardzo przydatnych funkcji, która została dodana do programu XMLSpy kilka lat temu na podstawie sugestii użytkowników, jest możliwość osadzania zewnętrznych plików – takich jak obrazy – bezpośrednio w dokumencie XML jako zakodowany tekst. Dzięki temu można spakować wszystkie niezbędne dane z różnych zewnętrznych plików w jeden duży dokument XML. Ta funkcjonalność jest również dostępna do osadzania obrazów w dokumentach JSON. 

Spójrzmy, jak łatwo jest to osiągnąć przy użyciu XML i [Edytor JSON](https://www.altova.com/pl/xmlspy-xml-editor/json_editor) w zaledwie kilku krokach.

![Zdjęcie do osadzania obrazów](/blog/images/shutterstock_22183099.jpg)

<!--more-->

### Osadzanie obrazów w plikach XML lub JSON 

Najpierw kliknij polecenie "Wstaw / Zaimportuj zewnętrzny plik zakodowany", które jest dostępne w widoku tekstowym i widoku tabelarycznym dla dokumentów XML, oraz w widoku tekstowym dla plików JSON.

![Wstaw plik zakodowany](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/insertencodedfile_thumb.gif)

Przejdź do wyboru pliku, który chcesz osadzić, a następnie wybierz kodowanie Base 16 lub Base 64. Jeśli chcesz umieścić zakodowany tekst wewnątrz elementu, zaznacz pole wyboru "Utwórz element" i podaj nazwę, którą chcesz użyć.

W tym przykładzie tworzymy nowy element XML o nazwie <photo>. Jeśli pole wyboru "Utwórz element" nie jest zaznaczone, zakodowany tekst zostanie wstawiony bezpośrednio w miejscu kursora.

![zakodowany obraz](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/encodedimage_thumb.gif)

Po kliknięciu przycisku OK, zakodowany tekst pliku graficznego, któryśmy określili, zostaje wstawiony do elementu <photo> i staje się częścią naszego dokumentu XML.

![obraz-base64](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/imagebase64_thumb.gif)

Oto przykład dokumentu JSON w potężnym [Edytor siatki JSON](https://www.altova.com/pl/xmlspy-xml-editor/json_editor). Można zobaczyć obraz, który został umieszczony w pliku. 

![Jak wstawić obraz do pliku JSON ](/blog/images/dayattheraces.png)

I to wszystko! Możesz [pobrać bezpłatną wersję próbną XMLSpy](https://www.altova.com/pl/xmlspy-xml-editor/download), aby przetestować program.
