$img = '<img src="http://some-img-link" alt="some-img-alt"/>';
$src = preg_match('/<img src=\"(.*?)\">/', $img);
echo $src;
imgタグから値を取得したいのですがsrc
、おそらくalt値です
$img = '<img src="http://some-img-link" alt="some-img-alt"/>';
$src = preg_match('/<img src=\"(.*?)\">/', $img);
echo $src;
imgタグから値を取得したいのですがsrc
、おそらくalt値です
質問で示したように、常にimghtmlを取得していると仮定します。
正規表現で、src属性の後に、imgの終了タグが指定されていることを示しました。しかし、文字列にはalt属性もあります。だからあなたもそれを気にする必要があります。
/<img src=\"(.*?)\".*\/>/
また、altをチェックする場合は、正規表現もチェックします。
/<img src=\"(.*?)\"\s*alt=\"(.*?)\"\/>/
また、一致しているかどうかを確認しているだけです。一致を取得する必要がある場合は、一致で埋める3番目のパラメーターを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文字列を指定できれば、より強力な正規表現が提供されます。
テストされたコード:
$ 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
function scrapeImage($text) {
$pattern = '/src=[\'"]?([^\'" >]+)[\'" >]/';
preg_match($pattern, $text, $link);
$link = $link[1];
$link = urldecode($link);
return $link;
}
このコードを試してください:
<?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);
?>
あなたはすでに上記で十分な応答を持っていますが、ここに別の1つのコード(より普遍的)があります:
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>