TCPDF无法渲染POST请求传递的Base64图片问题咨询

1. POST提交的字符转义/编码问题 #

前端用表单POST提交Base64数据时，默认的application/x-www-form-urlencoded编码会把Base64里的+号解析成空格——而+是Base64的有效字符，一旦被替换，整个Base64串就失效了。直接写死在代码里的Base64不会经过这个编码转义，所以能正常渲染。

解决办法：

• 前端提交前对dataURL做URL编码：encodeURIComponent(canvas.toDataURL('image/png'))，或者把表单的enctype设为multipart/form-data（这种编码不会转义Base64里的特殊字符）。
• 后端拿到数据后先还原被转义的字符：用urldecode($_REQUEST['MAP'])，或者直接用$_POST['MAP']（$_REQUEST会自动解码，而$_POST在multipart/form-data下不会自动转义）。

2. PHP配置导致的POST数据截断 #

如果canvas生成的图片分辨率较高，Base64内容会很长，若PHP的post_max_size或upload_max_filesize配置值太小，会直接截断POST过来的数据，后端拿到不完整的Base64串自然无法渲染成图片。

解决办法：

• 修改php.ini里的配置（数值根据你的图片大小调整）：

  post_max_size = 20M
  upload_max_filesize = 20M
  

  改完后重启PHP服务。

3. Base64前缀处理逻辑错误 #

你提到的“移除data:image前缀后添加@”可能处理有误。TCPDF的<img>标签支持的Base64格式应为src="@data:image/png;base64,xxxx"，如果处理后变成了@/png;base64,xxxx这类错误格式，肯定无法渲染。

正确的处理示例：

$mapData = $_POST['MAP'];
// 精准提取base64内容部分
preg_match('/data:image\/png;base64,(.*)/', $mapData, $matches);
if (!empty($matches[1])) {
    $base64Str = $matches[1];
    // 修复可能被转义成空格的+号
    $base64Str = str_replace(' ', '+', $base64Str);
    $imgTag = '<img src="@data:image/png;base64,' . $base64Str . '" />';
    $pdf->writeHTML($imgTag);
}

内容的提问来源于stack exchange，提问作者rami-sf