---
title: "将图像嵌入到 XML 文件中"
date: "2020-01-15"
categories: 
  - "development"
  - "json"
  - "xml"
tags: 
  - "json"
  - "json-editor"
  - "xml"
  - "xml-editor"
  - "xmlspy"
description: 了解如何使用 XMLSpy 将图像嵌入到 XML 和 JSON 文档中。本指南详细介绍了将外部文件作为数据结构的一部分进行编码的步骤。
---
Status: #blog

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

Categories: [development](/blog/zh/category/development.md) | [json](/blog/zh/category/json.md) | [xml](/blog/zh/category/xml.md)
# 将图像嵌入到 XML 文件中

几年前，XMLSpy 根据客户的反馈，增加了一个非常实用的功能：可以将外部文件，例如图片，直接嵌入到 XML 文档中，并以编码文本的形式存储。 这样，您可以将所有需要的外部数据整合到一个大型 XML 文档中。 类似的功能也适用于将图片嵌入到 JSON 文档中。 

让我们来看看如何在 XML 和... (此处省略具体技术或平台) 中轻松实现这一点 [JSON 编辑器](https://www.altova.com/zh/xmlspy-xml-editor/json_editor) 只需几个简单的步骤。

![用于嵌入图片的图像](/blog/images/shutterstock_22183099.jpg)

<!--more-->

### 将图片嵌入到 XML 或 JSON 文件中 

首先，点击“插入/导入外部文件”命令。该命令在XML文档的文本视图和网格视图中可用，以及在JSON文件的文本视图中可用。

![插入已编码的文件](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/insertencodedfile_thumb.gif)

浏览文件，选择要嵌入的文件，然后选择“Base 16”或“Base 64”编码方式。如果您希望将编码后的文本包含在一个元素中，请勾选“创建元素”复选框，并指定要使用的元素名称。

在这个例子中，我们正在创建一个名为 <photo> 的新 XML 元素。如果未选中“创建元素”复选框，则编码后的文本将直接插入到光标所在的位置。

![编码后的图像](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/encodedimage_thumb.gif)

当我们点击“确定”按钮后，指定图像文件的编码文本会被插入到 <photo> 元素中，并成为我们 XML 文档的一部分。

![图像（以Base64编码）](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/imagebase64_thumb.gif)

以下是一个 JSON 文档的示例，它使用了强大的...（此处省略，因为原文不完整） [JSON 网格编辑器](https://www.altova.com/zh/xmlspy-xml-editor/json_editor). 您可以在文件中看到我们嵌入的一张图片。 

![如何在 JSON 文件中嵌入图像 ](/blog/images/dayattheraces.png)

就这样，一切都完成了！您可以[下载 XMLSpy 的免费试用版](https://www.altova.com/zh/xmlspy-xml-editor/download)来体验一下。