从数据库中读取图像文件并在 html 标签 <img> 中查看答案

【问题标题】：Read image file from database and view it in html tag <img>从数据库中读取图像文件并在 html 标签 <img> 中查看
【发布时间】：2016-04-14 15:18:06
【问题描述】：

我使用 , 从 postgres 数据库中检索图像，图像列是二进制列，因此我需要将此图像转换为适用的路径以在图像标记<img> 中查看它，当我尝试检索图像时我得到的问题类似的东西

P1o7A+iH9aUg4P8AwEUAHG45/vKPyoHJB6csentTiTuz6vSAkhT7Mf1xQAg+UZ7BKc2NxHoVFN6Kf90U4j5j67xQAg5OR/ezSLxtzwME05ecY9WNN/h5/ufzoAX

但我希望它作为在 html 标记中查看它的路径

我也可以将此图像数据库值传递给 JQuery，所以我需要知道它是否适用于两者中的任何一个。

有什么帮助吗？

谢谢

【问题讨论】：

这种问题在这里经常被问到。这是提供图像文件的一种非常低效的方式。正确的方法是简单地将图像的链接保存在数据库中并将文件存储在其他地方。也让你的代码更简单。
这不是很好的解决方案，因为它是云端的网络应用程序，所以我需要用户上传他们的个人资料图片，使用您的解决方案无法完成
为什么需要将图像上传到“云中的网络应用程序”的数据库中？
网络应用程序和数据库在云端 ,,, 把它想象成你使用 fb :)
大声笑，你认为 FB 将图像存储在数据库中吗？？

标签： jquery python html image postgresql

【解决方案1】：

您可以使用数据 URL 如果使用图像标签，请使用：

<img width="16" height="16" alt="star" src="data:image/gif;base64,<image code goes here>" />

例如。如果是PNG图片

<img width="32" height="32" title="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC+UlEQVRYhb1XTWsTURQ9E6duoknE2JqkA66kJbiIEbF2oaml2IV/oasiNEhLFrNooFm0kFpaKuMibot0Ic3GRlCiVLqwH3Zbs2kUhDQRihgnpVQkzrgIb5KZvPlqk57dmzvzzrn3vnt4w3wSN+W54iI2D7dhBVPdk5jwR5W1d4czfH+1ZwX9rj5qbO84D0e/qw+Z3jRWe1Zw9+IdUwEz+7MQSilLYgFgrrioG1soCnCQRf7PN8tC7IjYPNzGRmULQikF7w4H7w6H6UISe8d5vP71BqyyaeEpxGoFE/4oMq40NipbMGrNzP6sJQFArQqZ3jQAQPz3Gwkujsdfn0CCVBdAggSucy54WLfhxmYixn1jeP7jhVIFcnZI9gDqLRj3RZHg4tg9ymEkP4qB3DDelrOWs6SRJ7i4sm48CwtFARIkAKhXYMB9DyP5Ubwrv4cM+cTENHKgfhaudHiV7AGA3T3KYb70rCXEeuQEc8VFXO3oUrIHAOby524Vq3bOTwszn3BoH9id89OiSYCRCKGUwnQhqbuZWZwGVi9ARoy0QyilVGOn7bNZXA/UCmhFAGqPEKsVSLKketcsTsO4b0y/AlqQjMRqBfPXknAwDltxGnmCizdPgRY/bxdUa0mWDDfXxmlT0DiqxjIpMMvMauYEjCzLSgWWDpbBf4+rDElbAbuw7AM08rOAww55W3zADnlbfMBq2U/qA1Pdk4b7slZ7flIfIE6qd3lpuw8QaFtEcGY+MOGPUtuhsuKwM4Su8526V7FWjmrYGQIfiKkF8IEYujo6qbejVpET4kFPBEBDC8LOEAY9EdxwBjF8aajl5GFnCK+uv0Q2mMH+36LyXBHAB2LKQ94fAwOmJeSNxIOeiLKfSgDJfulgGUIppaqCGbnZnHtYt+r/QqxWVPuxQC17baa8P2bppmw252viOtbEdTxw3wcfiDVdeJmhL4/kbDBD/XgkP2r6c0J8Qm/OtSBCbl24WRPwofxRJidSi92jHCK5h5YE2BHRKOQ/HXHKQGyrhrUAAAAASUVORK5CYII=" />

一般格式

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

你也可以在 CSS 中使用它

 background:
 url(data:image/gif;base64,<put encoded data here>)
 url(data:image/png;base64,<put encoded data here>)
 url(data:image/jpg;base64,<put encoded data here>)

 For any type of image
 url(data:image/<put image type here>;base64,<put encoded data here>)

注意：要使用此功能，您需要先对图像进行 base64 编码，然后将其存储在数据库中

<?php

$a=file_get_contents('image.jpg');
$enc=base64_encode($a);
//store $enc in the table
?>

【讨论】：

sry 但它不起作用，如果 ick 不是 gif 怎么办？