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

时间:2016-04-13 08:49:43

标签: jquery python html image postgresql

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

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

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

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

任何帮助?

由于

1 个答案:

答案 0 :(得分:1)

您可以使用数据网址 如果使用图片标签,请使用:

<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
?>