jpg图片网页显示歪是因为exif orientation字段未被服务端校正。thinkphp上传时需用exif_read_data()读取方向，再通过gd或imagick旋转修正，注意处理画布扩展、黑边及exif丢失问题。
为什么上传的 JPG 图片在网页里显示歪了
因为手机拍摄的 JPG 文件通常带有 EXIF 数据，其中 Orientation 字段记录了拍摄时设备的方向（比如逆时针旋转 90°），但 ThinkPHP 默认的 moveUpload() 或 validate()->move() 只做文件搬运，不读取、不修正图像元数据。浏览器或部分图片查看器会按 EXIF Orientation 自动旋转渲染，而服务端直接输出原图时，PHP 图像处理函数（如 imagecreatefromjpeg()）默认忽略该字段——结果就是：上传前正着拍，上传后网页里横着显示。
ThinkPHP 6.x 中如何在保存前自动校正方向
不能依赖前端 JS 处理（兼容性差、用户可绕过），必须在服务端上传完成、写入磁盘前完成旋转校正。关键点是：先用 exif_read_data() 读取方向值，再用 GD 或 Imagick 调整画布并重绘。ThinkPHP 本身不封装此逻辑，需手动介入上传流程：
- 确保 PHP 启用了
exif扩展（Linux 下常需安装php-exif包，Windows 需取消php.ini中;extension=exif的注释） - 上传成功后，用
exif_read_data($tempPath)检查是否含Orientation键（注意：仅对 JPG 有效，PNG/WebP 无此字段） - 根据
Orientation值调用对应旋转/翻转操作：3→180°，6→顺时针90°，8→逆时针90°，2/4/5/7需水平/垂直翻转+旋转组合 - 校正后用
imagejpeg($img, $targetPath, 90)保存，避免反复压缩失真
示例片段（校正后覆盖原临时文件）：
$exif = exif_read_data($tempPath);
if (!empty($exif['Orientation']) && $exif['Orientation'] != 1) {
$img = imagecreatefromjpeg($tempPath);
switch ($exif['Orientation']) {
case 3: $img = imagerotate($img, 180, 0); break;
case 6: $img = imagerotate($img, -90, 0); break;
case 8: $img = imagerotate($img, 90, 0); break;
default: // 其他情况建议用 imagick 或跳过
}
imagejpeg($img, $tempPath, 90);
imagedestroy($img);
}
GD 库旋转后尺寸错乱或黑边怎么处理
imagerotate() 默认会扩展画布以容纳整个旋转后的图像，导致宽高变化、边缘填充黑色背景。这不是 bug，是设计行为。实际使用中必须手动裁剪或重设尺寸：
- 旋转 90°/270° 后，新宽度 = 原高度，新高度 = 原宽度；需用
imagecopyresampled()将旋转图内容缩放到目标尺寸 - 更稳妥的做法：先获取原始尺寸，旋转后创建目标尺寸的空白画布，再用
imagecopy()精确贴图（避免黑边和模糊） - 如果项目已装
imagick，优先用它：$imagick->autoOrient()一行解决，且保持 EXIF 数据干净 - 注意
imagerotate()的第三个参数是背景色，默认是黑色（0x000000），传0xffffff可改白底，但无法消除画布扩展
校正后 EXIF 数据丢失怎么办
GD 函数（imagejpeg 等）输出时不保留原始 EXIF，包括 GPS、时间、设备型号等。如果业务需要保留（比如相册系统要显示拍摄时间），就不能只靠 GD：
- 用
exif_thumbnail()提取缩略图是不可行的，它只返回嵌入缩略图二进制 - 推荐方案：用
php-exif+Imagick组合——先用 Imagick 读图并autoOrient()，再用$imagick->setImageOrientation(1)清除 Orientation 标签，最后调用$imagick->stripImage()移除其他冗余 EXIF（或选择性保留） - 若坚持用 GD，只能手动重建关键字段（不现实），或放弃 EXIF 保留——多数业务场景下，只要图片显示正确，EXIF 丢失可接受
真正容易被忽略的是：部分安卓机型（尤其老款）会在 JPEG 中写入非标准 Orientation 值（如 0 或 10），exif_read_data() 可能返回 false 或空数组，此时应 fallback 到不校正，而非报错中断上传。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
