【源码解读】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掉,不要让它走后面的框架默认事件。(虽然这样子不符合框架设计思想)
目录
相关文章
|
1月前
Word里的图片无损保存
Word里的图片无损保存
46 1
|
8月前
|
开发者
处理base64图片数据的方式
处理base64图片数据的方式
64 4
|
人工智能 Java 对象存储
Java获取阿里云图片临时URL与图片文件转换Base64编码方法
在使用阿里云人工智能产品服务时,有部分服务需要上传的参数中包含文件URL,当我们没有开通OSS服务时,可以使用临时URL服务、或部分服务支持Base64编码格式,此文章为生成临时URL-JavaSDK方案与图片文件转换Base64编码方案。
1873 0
|
3天前
imagecreatefromjpeg(),imagecreatefrompng()打开不同格式的图片报错误
imagecreatefromjpeg(),imagecreatefrompng()打开不同格式的图片报错误
4 0
|
1月前
|
移动开发 iOS开发
非标准h5字符串的WKWebView展示前的解析与插入属性或标题头与解决WKWebView无法加载视频首帧问题
非标准h5字符串的WKWebView展示前的解析与插入属性或标题头与解决WKWebView无法加载视频首帧问题
29 1
|
9月前
|
API
调用图片转PDF功能时返回DocProcessError错误
调用图片转PDF功能时返回DocProcessError错误
61 3
|
9月前
后端返回的base64流形式的图片,怎么放在src中
后端返回的base64流形式的图片,怎么放在src中
108 0
|
数据安全/隐私保护
批量注册图片,可以根据需要修改data,base64编码
批量注册图片,可以根据需要修改data,base64编码
104 0
批量注册图片,可以根据需要修改data,base64编码
|
JavaScript 前端开发 开发工具
根据用户不同请求返回不同html文件(带图片)|学习笔记
快速学习根据用户不同请求返回不同html文件(带图片)
116 0
根据用户不同请求返回不同html文件(带图片)|学习笔记
【TP5】在视图给url追加俩个参数
【TP5】在视图给url追加俩个参数
95 0
【TP5】在视图给url追加俩个参数