使用二进制数据显示图像的一部分
我想知道是否可以使用file_get_contents
显示图像的一部分。
目前,我正在使用此代码来显示图片而不透露其链接/位置
<img src="data:image/gif;base64,<?php echo base64_encode(file_get_contents($image)); ?> ">
有没有办法使用file_get_contents
显示1/3或1/2的图像?
为此,您需要对图像进行解码,剪裁和重新编码。 在PHP中,您可以使用GD库来执行此操作,例如:
# load source image and get its size
$img = imagecreatefromgif( $image_file_name );
$width = imagesx( $img );
$height = imagesy( $img );
# create a copy showing only the top half of the image
$cropped = imagecreate( $width, $height / 2 );
imagecopy( $cropped, $img, 0,0, 0,0, $width, $height/2 );
# output image in GIF format emdebbed on the page
# XXX: GD doesn't seem to support output to string directly, but we can hack it
ob_start(); imagegif( $cropped ); $gif = ob_get_clean();
echo '<img src="data:image/gif;base64,', base64_encode( $gif ), '">';
# free the image objects once they're no longer needed
imagedestroy( $img );
imagedestroy( $cropped );
浏览器不会解码部分图像。 您可以使用各种CSS技术来隐藏图像的其余区域,例如将图像包装在DIV中,使用overflow:hidden
设置CSS宽度+高度,或将其设置为CSS背景并设置该元素的尺寸。
或者,您可以在canvas
渲染它。