如何在单个脚本中显示二进制数据的图像而不将其保存到磁盘？

在单个脚本中从二进制数据创建和显示图像

许多应用程序需要能够处理二进制数据的图像并显示它们，而无需磁盘上的中间存储。本文探讨了如何使用数据 URI 实现此功能。

数据 URI

数据 URI 提供了一种将二进制数据直接嵌入 HTML 或 CSS 的方法。它们由三部分组成：

• MIME 类型： 标识数据类型（例如“image/png”）。
• 可选编码: 指定数据的字符编码（例如“base64”）。
• 数据： 编码为字符串的二进制数据。

使用图像的数据 URI

要将图像嵌入为数据 URI，请使用以下格式：

data:[<mime-type>][;charset="<encoding>"][;base64],<data></data></encoding></mime-type>

例如，要将 PNG 图像嵌入为使用 base64 编码的数据 URI：

data:image/png;base64,<encoded-data></encoded-data>

代码示例

以下 PHP 函数从二进制图像文件创建数据 URI：

function data_uri($file, $mime) 
{
  $contents = file_get_contents($file);
  $base64   = base64_encode($contents); 
  return ('data:' . $mime . ';base64,' . $base64);
}

要显示二进制数据的图像，您只需使用数据 URI 作为 HTML 的 src 属性即可。 element:

echo "<img src="%22%20.%20data_uri(" image.png . alt="My Image">";

数据 URI 的优点

对图像使用数据 URI 有几个优点：

• 减少网络请求： 数据 URI 将图像数据直接嵌入到 HTML 中，无需额外的 HTTP 请求。
• 跨源图像加载： 数据 URI 可用于加载图像来自不同域的数据，解决 CORS 问题。
• 性能提升：通过消除额外的网络请求和磁盘 I/O，数据 URI 可以提高图像加载的整体性能。

以上是如何在单个脚本中显示二进制数据的图像而不将其保存到磁盘？的详细内容。更多信息请关注PHP中文网其他相关文章！