从FTP获取图片不本地保存直接显示乱码问题求助

你遇到的核心问题是直接把原始二进制图片数据放到<img>的src属性里，浏览器无法正确解析这些二进制内容，所以显示成了乱码。<img>的src需要的是可识别的资源地址，这里应该用Data URI Scheme来封装二进制数据——也就是把二进制转成Base64编码，再加上对应的MIME类型前缀。

下面是具体的修复方案：

步骤1：修改图片获取逻辑，返回可直接使用的Data URI #

你可以在getImagePreview方法内完成二进制到Data URI的转换，这样视图层调用会更简洁：

public function getImagePreview($imageName){
    ob_start();
    // 必须使用FTP_BINARY模式获取图片，保证二进制数据完整
    if(ftp_get($this->connection, "php://output", "web/media/images/" . $imageName, FTP_BINARY)){
        $rawData = ob_get_contents();
        ob_end_clean();
        
        // 自动检测图片的MIME类型（依赖PHP的fileinfo扩展）
        $finfo = new finfo(FILEINFO_MIME_TYPE);
        $mimeType = $finfo->buffer($rawData);
        
        // 将二进制转成Base64并拼接成Data URI格式
        $base64Data = base64_encode($rawData);
        return "data:$mimeType;base64,$base64Data";
    }else{
        ob_end_clean(); // 即使获取失败也要清理输出缓冲区
        return false;
    }
}

如果你的环境没有启用fileinfo扩展，也可以通过图片后缀手动映射MIME类型：

// 简单的后缀-MIME映射表
$ext = strtolower(pathinfo($imageName, PATHINFO_EXTENSION));
$mimeMap = [
    'jpg' => 'image/jpeg',
    'jpeg' => 'image/jpeg',
    'png' => 'image/png',
    'gif' => 'image/gif',
    'webp' => 'image/webp'
];
$mimeType = $mimeMap[$ext] ?? 'image/jpeg'; // 兜底默认用jpeg类型

步骤2：修改视图中的显示代码 #

现在getImagePreview返回的是直接可用的Data URI，直接赋值给src即可：

require_once "../objects/ftpm.php";
$ftpM = new FTPManager();
$imageDataUri = $ftpM->getImagePreview($imageName);
?>

<span> Preview </span>
<?php if($imageDataUri): ?>
    <img class="materialboxed" width="650" src="<?php echo $imageDataUri; ?>"/>
<?php else: ?>
    <p>图片加载失败</p>
<?php endif; ?>

为什么之前的代码会显示乱码？ #

之前你直接把原始二进制数据输出到src属性里，浏览器会把这些二进制字节当成普通字符串解析，而这些字节对应的ASCII字符大多是不可打印的控制字符或无意义符号，所以就出现了你看到的一堆乱码内容。Data URI通过Base64编码把二进制转成浏览器可识别的ASCII字符串，再加上MIME类型标识，浏览器就能正确识别这是一张图片并渲染了。

内容的提问来源于stack exchange，提问作者Jan Kočvara