PHP 正則表達式提取與替換 img 標籤屬性完整指南

四、更健壯的通用函數：DOMDocument 解析（推薦生產使用）

正則處理 HTML 易受屬性順序、換行、單雙引號、巢狀標籤影響。PHP 內建 DOMDocument 更可靠：

<?php
function extractImgAttributes($html) {
    $dom = new DOMDocument();
    libxml_use_internal_errors(true);
    $dom->loadHTML('' . $html); // 修正編碼警告
    libxml_clear_errors();

    $images = [];
    foreach ($dom->getElementsByTagName('img') as $img) {
        $attr = [];
        foreach ($img->attributes as $name => $node) {
            $attr[$name] = $node->value;
        }
        $images[] = $attr;
    }
    return $images;
}

function replaceImgSrc($html, callable $callback) {
    $dom = new DOMDocument();
    libxml_use_internal_errors(true);
    $dom->loadHTML('' . $html);
    libxml_clear_errors();

    foreach ($dom->getElementsByTagName('img') as $img) {
        if ($img->hasAttribute('src')) {
            $newSrc = $callback($img->getAttribute('src'), $img);
            if ($newSrc !== null) $img->setAttribute('src', $newSrc);
        }
    }

    // 取得 body 內容（loadHTML 會補全 html/body）
    $body = $dom->getElementsByTagName('body')->item(0);
    $result = '';
    foreach ($body->childNodes as $node) {
        $result .= $dom->saveHTML($node);
    }
    return $result;
}

// 使用範例：所有圖片路徑加上 CDN 前綴
$newHtml = replaceImgSrc($str, function($src) {
    if (strpos($src, 'http') !== 0) {
        return 'https://cdn.example.com' . $src;
    }
    return $src;
});
?>

五、正則 vs DOMDocument 選擇指南

六、常見正則陷阱與修正

• 貪婪匹配吃掉多個標籤：使用非貪婪 .*? 或排除字元集 [^>]*。
• 屬性值含單引號/雙引號混用：用 [\'"] 匹配並反向引用 \1。
• 跨行標籤：加 s 修飾符 /.../is 讓 . 匹配換行。
• 自我閉合 <img ... />：模式加 \/? 兼容。