如何通过jQuery或PHP提取外部网页图片嵌入本站，可借助XPath实现吗？

• 前端jQuery直接实现存在限制：受浏览器同源策略约束，跨域请求外部站点HTML会被拦截，仅当目标站点配置了允许你域名的CORS规则时才能直接使用，一般场景优先选择后端PHP实现。
• XPath完全可以用于img标签及图片地址的提取，是非常高效的DOM元素筛选方案。

PHP实现方案 #

之前直接用file_get_contents请求失败的原因是目标站点会拦截无合法UA标识的请求，通过stream_context_create伪造浏览器请求头即可解决，完整示例代码如下：

// 构造请求上下文，伪造浏览器UA
$context = stream_context_create([
    'http' => [
        'user_agent' => 'Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.0.3705; .NET CLR 1.1.4322)',
        // 若目标站有Referer校验可补充下行配置
        // 'header' => 'Referer: 目标站点的域名地址'
    ],
]);
// 替换为你要抓取的目标页面URL
$targetUrl = '你要抓取的外部页面URL';
$html = file_get_contents($targetUrl, false, $context);

// 解析HTML DOM
$dom = new DOMDocument();
// 屏蔽HTML不规范导致的警告
libxml_use_internal_errors(true);
$dom->loadHTML($html);
libxml_clear_errors();

// 用XPath提取内容
$xpath = new DOMXPath($dom);
$imgSrcList = [];
// 提取所有img标签的src属性，XPath规则可根据需求自行调整
foreach ($xpath->query('//img/@src') as $srcNode) {
    $imgSrcList[] = $srcNode->nodeValue;
    // 如果需要拼接相对路径为绝对地址，可自行补充逻辑处理
}

// 如果需要直接获取完整的img标签代码，用以下逻辑
$imgTags = '';
foreach ($xpath->query('//img') as $imgNode) {
    $imgTags .= $dom->saveHTML($imgNode);
}

注意事项 #

• 抓取外部站点资源前请确认对应资源的版权许可，避免违规使用引发纠纷
• 部分站点有更严格的反爬机制，可根据情况在请求上下文中补充Cookie、请求间隔等逻辑适配
• 如果你需要前端调用，可以将上述逻辑封装为后端接口，前端通过jQuery请求自己的接口获取图片地址，即可规避跨域问题

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