PHP 8.0 MVC架构下移动端拍照上传图片失败但PC端正常如何解决

核心问题点 #

• 仅支持jpeg、png格式，未兼容移动端拍照常见的webp、heic等输出格式，匹配不到对应逻辑就不会生成有效存储路径
• 未做目录创建成功校验、上传错误校验，异常场景直接跳过处理逻辑
• 未考虑移动端原图体积过大超出PHP上传配置限制的场景
• 部分移动端环境不会自动补全表单的enctype属性，导致文件无法正常提交

修复步骤 #

1. 先确认前端配置 #

表单必须添加enctype="multipart/form-data"属性，上传控件的capture属性可以根据场景选值：传user调用前置摄像头，传environment调用后置摄像头。

2. 后端上传代码修改 #

$ruta = "";
// 先校验上传是否有错误
if ($_FILES["nuevaFoto"]["error"] !== UPLOAD_ERR_OK) {
    // 可根据错误码输出对应提示，比如UPLOAD_ERR_INI_SIZE就是超出上传大小限制
    die("上传失败，错误码：".$_FILES["nuevaFoto"]["error"]);
}

if(isset($_FILES["nuevaFoto"]["tmp_name"]) && $_FILES["nuevaFoto"]["tmp_name"] !== ''){
    $imageInfo = getimagesize($_FILES["nuevaFoto"]["tmp_name"]);
    if (!$imageInfo) {
        die("无效的图片文件");
    }
    list($ancho, $alto) = $imageInfo;
    $imageType = $imageInfo[2]; // 用getimagesize返回的类型判断，比$_FILES['type']更可靠，因为后者可以伪造

    $nuevoAncho = 500;
    $nuevoAlto = 500;

    // 过滤用户名里的特殊字符，避免创建目录失败
    $usuarioNombre = preg_replace('/[^\w\x{4e00}-\x{9fa5}]/u', '', $_POST["registroNombre"]);
    $directorio = "vistas/img/usuarios/".$usuarioNombre;
    // 目录不存在才创建，加递归创建参数
    if (!file_exists($directorio)) {
        if (!mkdir($directorio, 0755, true)) {
            die("目录创建失败，请检查权限");
        }
    }

    $aleatorio = mt_rand(100,999);
    $origen = false;
    $extension = '';

    // 兼容更多图片格式
    switch ($imageType) {
        case IMAGETYPE_JPEG:
            $extension = 'jpg';
            $origen = imagecreatefromjpeg($_FILES["nuevaFoto"]["tmp_name"]);
            break;
        case IMAGETYPE_PNG:
            $extension = 'png';
            $origen = imagecreatefrompng($_FILES["nuevaFoto"]["tmp_name"]);
            // 处理png透明背景
            imagesavealpha($destino, true);
            $transparent = imagecolorallocatealpha($destino, 255, 255, 255, 127);
            imagefill($destino, 0, 0, $transparent);
            break;
        case IMAGETYPE_WEBP:
            $extension = 'webp';
            $origen = imagecreatefromwebp($_FILES["nuevaFoto"]["tmp_name"]);
            break;
        // 如果需要支持heic格式，需要安装imagemagick扩展，可在此处补充对应逻辑
        default:
            die("不支持的图片格式");
    }

    if ($origen) {
        $destino = imagecreatetruecolor($nuevoAncho, $nuevoAlto);
        imagecopyresized($destino, $origen, 0, 0, 0, 0, $nuevoAncho, $nuevoAlto, $ancho, $alto);
        $ruta = $directorio."/".$aleatorio.".".$extension;
        // 根据扩展名输出对应图片
        switch ($extension) {
            case 'jpg':
                imagejpeg($destino, $ruta, 80); // 加质量参数，控制文件大小
                break;
            case 'png':
                imagepng($destino, $ruta);
                break;
            case 'webp':
                imagewebp($destino, $ruta, 80);
                break;
        }
        imagedestroy($origen);
        imagedestroy($destino);
    }
}

3. 调整PHP配置 #

修改php.ini里的以下参数，适配移动端大体积图片上传：

• upload_max_filesize = 10M
• post_max_size = 10M
• max_execution_time = 30 避免图片处理超时

内容的提问来源于stack exchange，提问作者luis fernando