【源码解读】TP5读取本地图片输出后,设置header头无效,图片乱码

简介: 在Thinkphp程序中读取本地图片,做出加工处理(如合并二维码等水印),然后输出给客户端,一直输出图片内容乱码。 设置了header image/png 不生效。 写下这篇TP源码排查文章,看看问题到底出现在哪个步骤。

在Thinkphp程序中读取本地图片,做出加工处理(如合并二维码等水印),然后输出给客户端,一直输出图片内容乱码。 设置了header image/png 不生效。 写下这篇TP源码排查文章,看看问题到底出现在哪个步骤。


乱码


3dc71e5f0bd67bfa20220a277fd8ba48.png


设置响应头无效


public function test(){
    // 请求头不生效,还是乱码
    header('Content-type: image/png');
    $file = "xxxxx\public\static\img/test.png";
    echo file_get_contents($file);
}


排查TP源码


还记得我们这篇文章吗:TP为什么可以return就输出字符串或者模板内容等等,在原生PHP不行呢? https://blog.siammm.cn/archives/168这篇文章,大概的问题还是出现在这个控制器调度类里面,我继续查看该部分源码 还是这段熟悉的源码,一样的配方,不一样的问题(bug)。


// 输出数据到客户端
if ($data instanceof Response) {
    $response = $data;
} elseif (!is_null($data)) {
    // 默认自动识别响应输出类型
    $type = $request->isAjax() ?
        Config::get('default_ajax_return') :
    Config::get('default_return_type');
    $response = Response::create($data, $type);
} else {
    $response = Response::create();
}


因为我们在控制器中没有return任何数据,这里的$data==NULL,所以会走最后一步的


$response = Response::create();


ok,那么我们看看默认的这个Response类都带了什么东东吧。


// 原始数据
protected $data;
// 当前的contentType
protected $contentType = 'text/html';
// 字符集
protected $charset = 'utf-8';
//状态
protected $code = 200;
// 输出参数
protected $options = [];
// header参数
protected $header = [];
protected $content = null;


可以看到,这里的contentType默认是text/html;


/**
 * 页面输出类型
 * @param string $contentType 输出类型
 * @param string $charset     输出编码
 * @return $this
 */
public function contentType($contentType, $charset = 'utf-8')
{
    $this->header['Content-Type'] = $contentType . '; charset=' . $charset;
    return $this;
}


在TP框架核心中,最后步骤是调用


$response->send();


这个send的代码如下,也是这个问题根源所在。


if (!headers_sent() && !empty($this->header)) {
    // 发送状态码
    http_response_code($this->code);
    // 发送头部信息
    foreach ($this->header as $name => $val) {
        if (is_null($val)) {
            header($name);
        } else {
            header($name . ':' . $val);
        }
    }
}


所以我们的header头 图片信息,被这里覆盖了


如何解决


  • 手动调用实例化response类,并且在其中设置响应头


$response = new Response();
$response->header('Content-type: image/png');
$response->data(file_get_contents($file));
return $response;


  • 我们在控制器输出图片信息后,直接die掉,不要让它走后面的框架默认事件。(虽然这样子不符合框架设计思想)
目录
相关文章
|
2月前
|
存储 编译器 C语言
如何在 C 语言中判断文件缓冲区是否需要刷新?
在C语言中,可以通过检查文件流的内部状态或使用`fflush`函数尝试刷新缓冲区来判断文件缓冲区是否需要刷新。通常,当缓冲区满、遇到换行符或显式调用`fflush`时,缓冲区会自动刷新。
|
2月前
|
Java
将本地的文件(图片,文本等)返回给客户端
本文详细介绍了如何在SpringBoot项目中,通过`WebMvcConfigurer`接口和`addResourceHandlers`方法配置静态资源处理器,以处理特定路径下的资源,如/images/swiper/的图片。
60 0
将本地的文件(图片,文本等)返回给客户端
|
5月前
|
JavaScript 前端开发
文本,粘贴事件如何实现,先实现一个小目标,如何存入图片,从本地生成源码,先转成base64,ctrl + v这张图片就显示出来了怎样实现的,Vue可以有方法可以获取粘贴的所有元素,转base64字符串
文本,粘贴事件如何实现,先实现一个小目标,如何存入图片,从本地生成源码,先转成base64,ctrl + v这张图片就显示出来了怎样实现的,Vue可以有方法可以获取粘贴的所有元素,转base64字符串
后端返回的base64流形式的图片,怎么放在src中
后端返回的base64流形式的图片,怎么放在src中
182 0
|
数据处理
海量数据处理面试题:给定a、b两个文件,各存放50亿个url,每个url各占64字节,内存限制是4G,让你找出a、b文件共同的url?
海量数据处理面试题:给定a、b两个文件,各存放50亿个url,每个url各占64字节,内存限制是4G,让你找出a、b文件共同的url?
873 0
海量数据处理面试题:给定a、b两个文件,各存放50亿个url,每个url各占64字节,内存限制是4G,让你找出a、b文件共同的url?
编写一个程序,如果名为Exercise12_15.txt的文件不存在,则创建该文件。使用文本I/O将随机产生的100个整数写入文件,文件中的整数由空格分开。从文件中读回数据并以升序显示数据。
编写一个程序,如果名为Exercise12_15.txt的文件不存在,则创建该文件。使用文本I/O将随机产生的100个整数写入文件,文件中的整数由空格分开。从文件中读回数据并以升序显示数据。
295 0
【TP5】在视图给url追加俩个参数
【TP5】在视图给url追加俩个参数
116 0
【TP5】在视图给url追加俩个参数
|
数据采集 Python
Python爬虫:url中带字典列表参数的编码转换
Python爬虫:url中带字典列表参数的编码转换
309 0
|
内存技术
【音频处理】WAV 文件格式分析 ( 逐个字节解析文件头 | 相关字段的计算公式 )(一)
【音频处理】WAV 文件格式分析 ( 逐个字节解析文件头 | 相关字段的计算公式 )(一)
430 0
【音频处理】WAV 文件格式分析 ( 逐个字节解析文件头 | 相关字段的计算公式 )(一)
|
内存技术
【音频处理】WAV 文件格式分析 ( 逐个字节解析文件头 | 相关字段的计算公式 )(二)
【音频处理】WAV 文件格式分析 ( 逐个字节解析文件头 | 相关字段的计算公式 )(二)
199 0
【音频处理】WAV 文件格式分析 ( 逐个字节解析文件头 | 相关字段的计算公式 )(二)

热门文章

最新文章