繁体   English   中英

如何从img标签获取链接

[英]how to get link from img tag

$img = '<img src="http://some-img-link" alt="some-img-alt"/>';

$src = preg_match('/<img src=\"(.*?)\">/', $img);

echo $src;

我想从img标签获取src值,也许从alt值获取

假设您总是得到问题中所示的img html。

现在,在正则表达式中提供了这样的说法:在src属性之后,它给定了img的结束标记。 但是在字符串中也有一个alt属性。 因此,您也需要关心它。

/<img src=\"(.*?)\".*\/>/

而且,如果您还要检查alt,则可以使用正则表达式。

/<img src=\"(.*?)\"\s*alt=\"(.*?)\"\/>/

另外,您只是在检查其是否匹配。 如果需要获取匹配项,则需要为preg_match提供第三个参数,该参数将填充匹配项。

$img = '<img src="http://some-img-link" alt="some-img-alt"/>';
$src = preg_match('/<img src=\"(.*?)\"\s*alt=\"(.*?)\"\/>/', $img, $results);
var_dump($results);

注意:上面给出的正则表达式不是那么通用,如果您可以提供将出现的img字符串,则将提供更强大的正则表达式。

 function scrapeImage($text) {
    $pattern = '/src=[\'"]?([^\'" >]+)[\'" >]/';
    preg_match($pattern, $text, $link);
    $link = $link[1];
    $link = urldecode($link);
    return $link;

}

测试代码:

$ input=’<img src= ”http://www.site.com/file.png” > ‘;
preg_match(“<img.*?src=[\"\"'](?<url>.*?)[\"\"'].*?>”,$input,$output);
echo $output;   // output = http://www.site.com/file/png

如何使用php从HTML提取img src,标题和alt?

请参阅此帖子的第一个答案。

您将以略有不同的方式使用preg_match。

试试这个代码:

<?php
$doc = new DOMDocument();
$doc->loadHTML('<img src="" />');
$imageTags = $doc->getElementsByTagName('img');

foreach($imageTags as $tag) {
    echo $tag->getAttribute('src');
}
?>
preg_match('/<img src=\("|')([^\"]+)\("|')[^\>]?>/', $img);

您也可以使用此库: SimpleHtmlDom

<?php
$html = new simple_html_dom();
$html->load('<html><body><img src="image/profile.jpg" alt="profile image" /></body></html>');
$imgs = $html->find('img');
foreach($imgs as $img)
print($img->src);
?>

上面您已经有足够好的响应,但是这里是另一个代码(更通用):

function retrieve_img_src($img) {
  if (preg_match('/<img(\s+?)([^>]*?)src=(\"|\')([^>\\3]*?)\\3([^>]*?)>/is', $img, $m) && isset($m[4]))
    return $m[4];
  return false;
}

您可以使用JQuery获取src和alt属性

在标题中包含jQuery

 <script type="text/javascript" 
           src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
 </script>

// HTML

//获取src和alt属性

<script type='text/javascript'>
 // src attribute of first image with id =imgId

 var src1= $('#imgId1').attr('src');
 var alt1= $('#imgId1').attr('alt');

 var src2= $('#imgId2').attr('src');
 var alt2= $('#imgId2').attr('alt');
</script>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM