8

我正在尝试在页面上显示内联图像。它由一个 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当然很好。

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

4

1 回答 1

9

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

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

<?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。

于 2010-05-14T04:17:52.017 回答