将 MongoDB gridFS 中的图像嵌入到我的 HTML 页面中答案

【问题标题】：Embedd Images from MongoDB gridFS into my HTML-Page将 MongoDB gridFS 中的图像嵌入到我的 HTML 页面中
【发布时间】：2012-03-04 07:37:25
【问题描述】：

我通过 MongoDBs gridFS 将一些文件保存到我的数据库中。我知道如何在浏览器中使用 php 检索文件：

header('Content-type: '.$object->file['filetype']);
echo $object->getBytes();

效果很好。但我现在不想将图像放在上下文中。

例如

<img><?php echo $object->getBytes(); ?></img>

如果我输入代码

echo $object->getBytes();

在 htmlpage 中，我只是得到这样的图像：

��JFIFHH��C !"$"$��C��Y"�� O!"12AQaq�BR��#b��3Cr��$S��4 ��%cs�5&��DT��&!1A"Q2q�#Ba��?�(�#�EUDDUU�#��(�?2��.h#k� ��.��d�M��(��=�]��Nk��E�gZz�GI�Вr��~+x��G��U:��H�6J̺'!lV��D:H2��S��7��U;�� 7��n��wV$�ʞ�i|��wP��?Qx۾�/�K'�:=��i�E�0) �E��4OU�G�W��`t] ��.�j��='�/�:9�V��봺a_}2��a_�D ��J[r�J��f�6�B�”��?�6�6�a7�k��%�F6�y�� v��

等等……

有人知道如何将图片嵌入网站吗？？？

谢谢

【问题讨论】：

标签： html mongodb image gridfs

【解决方案1】：

如果您正在寻找文档内图像，您可以尝试

<img src="data:image/png;base64,��JFIFHH��C !"$"$��C��Y..." />

但根据您的整体意图，dcrosta 的方法可能更受欢迎。

您必须插入正确的图像类型和编码（或重新编码）。

【讨论】：

【解决方案2】：

您应该添加一个新的 PHP 页面，该页面返回图像（带有适当的内容类型和内容长度标题），就像上面的第一个示例一样。假设该页面名为“image.php”。那么，在您的“主”页面中，您应该构建一个图像标签，例如：

<img src="/path/to/image.php?..."/>

其中“...”被替换为一些查询字符串以查找和提供您想要的图像（_id 字段中 GridFS 文件的 ObjectId 的字符串表示形式在这里可能很好，或者其他一些唯一标识符） .

【讨论】：