如何用 php 函数将 <img> 替换为 html 代码答案

【问题标题】：How to replace <img> to html code with a php function如何用 php 函数将 <img> 替换为 html 代码
【发布时间】：2011-09-30 07:35:25
【问题描述】：

我想用 html 代码替换图像，它必须是 php 函数的输出。每当在 html 文档中找到图像标记时，都应将其传递给 php 函数并替换为 html 字符串。我的期望如下。

index.htm 文件包含 hello <img src="image.jpg" /> 续句。

这个 image.jpg 被传递给 php 函数，比如 convert_pic('image.jpg');

所以 index.htm 的输出是 hello <div>....</div> 续句。

其中<div>....</div>是php函数convert_pic('image.jpg');的输出

所以<img src="image.jpg" /> 将被<?php convert_pic('image.jpg'); 替换如何做到这一点，或任何其他可能实现这一目标？

【问题讨论】：

你能澄清更多你想要什么而不是图像标签吗？什么都没有？
实际上我希望网页中的所有图像都转换为一些 html 内容。 <img src="image.jpg" /> 应该是 <div>some information about the image</div> 不应该显示图像。而是将 div 内容显示在页面中
您想将<div> 标记附加到页面上找到的任何图像之前吗？
你能告诉我们 convert_pic 方法会对那个图像做什么吗？返回值是多少？
convert_pic('image.jpg') 会将 jpg 图像转换为 html 内容。该内容以颜色代码格式显示图像。图像中的所有像素都转换为十六进制三元组（#ffffff）格式，然后显示在表格中。

标签： php html image function image-replacement

【解决方案1】：

通过 DOM 扩展，您可以使用 XPath 查找所有 img 标签，然后替换它们
另见：

例如

<?php
// closure/lambda, php 5.3+ only
$convert = function($src) {
    return '---'.$src.'---';
};

$doc = new DOMDocument;
$doc->loadhtml(getHTML());
echo "before: ", $doc->savehtml(), "\n\n";
foo($doc, $convert);
echo "after: ", $doc->savehtml(), "\n\n";


function foo(DOMDocument $doc, $fn) {
    $xpath = new DOMXPath($doc);

    $imgs = array();
    foreach( $xpath->query('/html/body//img') as $n ) {
        $imgs[] = $n;
    }

    foreach($imgs as $n) {
        $txt = $fn($n->getAttribute('src'));
        $div = $doc->createElement('div', $txt);
        $n->parentNode->replaceChild($div, $n);
    }
}

function getHTML() {
return '<html><head><title>...</title></head><body>
    <p>lorem ipsum <img src="a.jpg" alt="img#1"/></p>
    <p>dolor sit amet<img src="b.jpg" alt="img#2"/></p>
    <div><div><div><img src="c.jpg" alt="img#3" /></div></div></div>
</body></html>';
}

打印

before: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><head><title>...</title></head><body>
    <p>lorem ipsum <img src="a.jpg" alt="img#1"></p>
    <p>dolor sit amet<img src="b.jpg" alt="img#2"></p>
    <div><div><div><img src="c.jpg" alt="img#3"></div></div></div>
</body></html>


after: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><head><title>...</title></head><body>
    <p>lorem ipsum <div>---a.jpg---</div></p>
    <p>dolor sit amet<div>---b.jpg---</div></p>
    <div><div><div><div>---c.jpg---</div></div></div></div>
</body></html>

【讨论】：

所以我可以在这里添加我的转换脚本啊？ $convert = function($src) { return '---'.$src.'---'; };
如何将 .html 文件传递给这个，我不知道函数 getHTML() 是如何工作的
是的。此函数必须返回一个字符串，该字符串将成为新 div 的文本节点内容。
您可以使用 loadhtmlfile() 代替 loadhtml()，参见 docs.php.net/domdocument.loadhtmlfile
btw: text-node 的意思是“html标签不能被识别”，它们会变成文本。如果您在替换中需要 html 标签，它会有点复杂。