内容处置：内联标题不会内联显示图像？

Question

我正在尝试在页面上显示内嵌图像。它由 codeigniter 控制器提供服务。

class Asset extends MY_Controller {

    function index( $folder, $file ) {

        $asset = "assets/$folder/$file";

        if ( !file_exists( $asset ) ) {
            show_404();
            return;
        }

        switch ( $folder ) {
        case 'css':
            header('Content-type: text/css');
            break;
        case 'js':
            header('Content-type: text/javascript');
            break;
        case 'images':
            $ext = substr( $file, strrpos($file, '.') );
            switch ( $ext ) {
            case 'jpg':
                $ext = 'jpeg';
                break;
            case 'svg':
                $ext = 'svg+xml';
                break;
            }

            header('Content-Disposition: inline');
            header('Content-type: image/'.$ext);
        }

        readfile( $asset );
    }

}

当我在 FF 的 Chrome 中加载图像时，它会弹出下载窗口。我知道当浏览器无法内联显示内容时，它无论如何都会强制下载，但这些是 PNG 和 GIF 图像，否则可以在浏览器中正常显示。在 IE 中，它不会强制下载，但会以 ASCII 格式显示图像。

如果我注释掉整个图像情况，FF 和 Chrome 都会显示 ASCII，但不显示图像。

我认为设置内容类型将允许 FF 和 Chrome 显示实际图像，并且还允许该位置用作 src。

javascript 和 css 当然显示得很好。

有人知道如何使图像正确显示吗？

Answer 1

尝试删除 Content-disposition 标头。默认情况下，它们无论如何都应该内联显示。

无论如何，你应该做错什么。我刚刚在 Opera 和 IE 中进行了测试，它们确实显示了与内容处置标头内联的图像。我使用：

<?php
header('Content-Disposition: inline');
header('Content-type: image/png');

readfile('Untitled.png');

使用浏览器的开发工具检查响应头。

编辑

可能是这个错误导致了问题：

<?php
echo substr( "file.ext", strrpos("file.ext", '.') );

给出“.ext”而不是“ext”。替换 strrpos() + 1。