php隐藏图片真实地址代码？？

Posted 2023-05-13

代码如下（picurl是地址）：<?php$dopage->GetPage("SELECT * FROM `pmw_imgtext` WHERE (id=6 or id=7 or id=8 or id=9)");$i=1; while($row = $dosql->GetArray()) ?> .slide<?php echo $i; ?>background-image:url(<?php echo $row['picurl']; ?>); <?php $i++; ?> @media screen and (max-width:600px)<?php请问这以下代码怎么用哦？谢谢<?　　$image_path="images/"　　$image_file=$image_path.$_GET['name'];　　$sTmpVar = fread(fopen($image_file, 'r'), filesize($image_path));　　header("Content-type: image/* ");　　echo $sTmpVar;　　?>

/*图片转换为 base64格式编码*/
$img = 'uploads/01.png';
$base64_img = base64EncodeImage($img);
echo '<img src="' . $base64_img . '" />';
 
function base64EncodeImage ($image_file) 
    $base64_image = '';
    $image_info = getimagesize($image_file);
    $image_data = fread(fopen($image_file, 'r'), filesize($image_file));
    $base64_image = 'data:' . $image_info['mime'] . ';base64,' . chunk_split(base64_encode($image_data));
    return $base64_image;

你可以把图片内容转为base64的，这样就不会图片的地址了，但是页面体积会变大，

<img src="base64之后的值 />

追问

上面的代码是不是要存在CSS里？然后在代码页调用？一张图片我是知道可以这样写，但是picurl里同时有4张图片，新接触还不是很懂呢

追答.six-bottombox-sizing: border-box;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAUCAYAAAB7wJiVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTE3OTc0RTBEOEU5MTFFNDg1QThEMUVDRjEwMDI2NEUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTE3OTc0REZEOEU5MTFFNDg1QThEMUVDRjEwMDI2NEUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODRDNTMyOTZEOEU4MTFFNEE5QkZBQzM4ODk3QUY0OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODRDNTMyOTdEOEU4MTFFNEE5QkZBQzM4ODk3QUY0OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7qQFRZAAAAQklEQVR42uzZQQ0AIBADQSD4l1grxcYlzEroPLvbLs3pmACIgAARECACAkRAgAiIgAARECACAkRAPu4m8eEO6gkwAMx0BsCpbAHBAAAAAElFTkSuQmCC) repeat-x bottom #fff;background-size: auto 10px;

一张图片一个base64结果，看上面我给你的举例，你可以建个demo拿一张图片测试下！

参考技术A 这个你是没有办法的啦 参考技术B 地址代码？追问

是的

编写代码实现图片懒加载

1.前端性能优化的重要方案，通过图片或者数据的延迟加载，我们可以加快页面渲染速度，让第一次打开页面速度加快，只有滑动到某个区域，才加载真实的图片，这样也可以节省加载的流量，

2.处理方案 把所有需要延迟加载的图爿用一个盒子包起来，设置宽高和默认占位图。开始让所有的IMg的src为空，把真实的地址放到IMG的自定义属性上，让IMG隐藏，等到所有其他资源都加载完后，我们再开始加载图爿，对于很多图爿，需要当页面滚动时候，当前图爿完全显示出来后仔加载真实图片