使用fancybox显示blob图像的问题

Question

I am trying to use fancybox to display images. My images are blobs inside a mysql db.

Here is the html/php I am using:

<a class="fancybox-buttons" data-fancybox-group="g1" href="data:image/jpeg;base64,<?php echo base64_encode($pic['screenshot']); ?>"><img src="data:image/jpeg;base64,<?php echo base64_encode($pic['screenshot']); ?>" width="150px" height="250px"/></a>

this works but I have this weird flickering ghost image problem when the page loads and when I move my mouse over the image.

Answer 1

I didn't even know what you did was possible. I think a better approach would be to create a script to dynamically server your images...

so the image src would be "image.php?id=123" and then you would have the image.php serving script ie...

Serve image with PHP script vs direct loading an image

I don't know enough about your app but is storing images in the db a good idea..seems like they are going to make the db big fast.