Bekommen, img src PHP Simple HTML DOM

Demo

Ich brauche, um das Bild src aus dem folgenden code

HTML

<div class="avatar profile_CF48B2B4A31B43EC96F0561F498CE6BF ">
    <a onclick="">
        <img id="lazyload_-247847544_0" height="74" width="74" class="avatar potentialFacebookAvatar avatarGUID:CF48B2B4A31B43EC96F0561F498CE6BF" src="http://media-cdn.tripadvisor.com/media/photo-l/05/f3/67/c3/lilrazzy.jpg" />
    </a>
</div>

Versuchte ich das schreiben des js: 

foreach($html->find('div[class=profile_CF48B2B4A31B43EC96F0561F498CE6BF] a img') as $element) {
    $img = $element->getAttribute('src');
    echo $img;
}

Aber es zeigt src-Taste nicht vorhanden ist. Wie kann ich mit Schrott abgeben avatar Bilder?

UPDATE:

Die Bild-url wird nicht gefunden, wenn ich auf die Seite schaute Quelle, Aber firebug zeigt der Bild-url:

<img id='lazyload_1953171323_17' height='24' alt='4 helpful votes' width='25' class='icon lazy'/>

Hier ist meine Seite Quelle code:

<div class="col1of2">
<div class="member_info">
<div id="UID_3E0FAF58557D3375508A9E5D9A7BD42F-SRC_175428572" class="memberOverlayLink" onmouseover="ta.trackEventOnPage('Reviews','show_reviewer_info_window','user_name_photo'); ta.call('ta.overlays.Factory.memberOverlayWOffset', event, this, 's3 dg rgba_gry update2012', 0, (new Element(this)).getElement('.avatar')&&(new Element(this)).getElement('.avatar').getStyle('border-radius')=='100%'?-10:0);">
<div class="avatar profile_3E0FAF58557D3375508A9E5D9A7BD42F ">
<a onclick=>
<img id='lazyload_1953171323_15' height='74' width='74' class='avatar potentialFacebookAvatar avatarGUID:3E0FAF58557D3375508A9E5D9A7BD42F'/>
</a>
</div>
<div class="username mo">
<span class="expand_inline scrname hvrIE6 mbrName_3E0FAF58557D3375508A9E5D9A7BD42F" onclick="ta.trackEventOnPage('Reviews', 'show_reviewer_info_window', 'user_name_name_click')">Prataspeles</span>
</div>
</div>
<div class="location">
Latvia
</div>
</div>
<div class="memberBadging">
<div id="UID_3E0FAF58557D3375508A9E5D9A7BD42F-CONT" class="totalReviewBadge badge no_cpu" onclick="ta.trackEventOnPage('Reviews','show_reviewer_info_window','review_count'); ta.util.cookie.setPIDCookie('15984'); ta.call('ta.overlays.Factory.memberOverlayWOffset', event, this, 's3 dg rgba_gry update2012', -10, -50);">
<div class="reviewerTitle">Reviewer</div>
<img id='lazyload_1953171323_16' height='24' alt='4 reviews' width='25' class='icon lazy'/>
<span class="badgeText">4 reviews</span>
</div>
<div id="UID_3E0FAF58557D3375508A9E5D9A7BD42F-HV" class="helpfulVotesBadge badge no_cpu" onclick="ta.trackEventOnPage('Reviews','show_reviewer_info_window','helpful_count'); ta.util.cookie.setPIDCookie('15983'); ta.call('ta.overlays.Factory.memberOverlayWOffset', event, this, 's3 dg rgba_gry update2012', -22, -50);">
<img id='lazyload_1953171323_17' height='24' alt='4 helpful votes' width='25' class='icon lazy'/>
<span class="badgeText">4 helpful votes</span>
</div>
</div>
</div>

Gibt es irgendwelche Probleme die aufgrund der Verwendung von lazyload?

UPDATE 2

Mit lazyload macht meine Bilder zu laden, wenn die Seiten geladen sind, versuchte ich immer Bild-ids und vergleicht diese mit den lazyload js array, aber diese id stimmt nicht überein mit der lazyload var array.

Frage:

Wie man diese js-array von diesem JSON?

Beispiel:

{"id":"lazyload_-205858383_0","tagType":"img","scroll":true,"priority":100,"data":"http://media-cdn.tripadvisor.com/media/photo-l/05/f3/67/c3/lilrazzy.jpg"}
,   {"id":"lazyload_-205858383_1","tagType":"img","scroll":true,"priority":100,"data":"http://c1.tacdn.com/img2/icons/gray_flag.png"}
,   {"id":"lazyload_-205858383_2","tagType":"img","scroll":true,"priority":100,"data":"http://media-cdn.tripadvisor.com/media/photo-l/01/2a/fd/98/avatar.jpg"}
,   {"id":"lazyload_-205858383_3","tagType":"img","scroll":true,"priority":100,"data":"http://c1.tacdn.com/img2/icons/gray_flag.png"}
,   {"id":"lazyload_-205858383_4","tagType":"img","scroll":true,"priority":100,"data":"http://media-cdn.tripadvisor.com/media/photo-l/01/2e/70/5e/avatar036.jpg"}
,   {"id":"lazyload_-205858383_5","tagType":"img","scroll":false,"priority":100,"data":"http://c1.tacdn.com/img2/badges/badge_helpful.png"}
  • Sie werden Schwierigkeiten haben, da javascipt benutzt zu faul das Bild laden, sobald die Seite geladen ist. Verwenden phpDom zu finden, die die Id des Elements, und verwenden Sie dann den regulären Ausdruck zu finden, der die gewünschten Bilder anhand dieser Id.
  • bt, wie zu analysieren javascript?
  • Erstellen Sie bitte eine neue Frage, und stoppen anfügen neue Probleme/nächste Schritte um die Frage, wie die hilfreichen Antworten jetzt werden unvollständig/falsch (die Leute abschrecken, da Sie nicht bekommen, Ihre akzeptierte Antwort für die Buchung eine gute Antwort die erste Zeit). Plus, dauert es mehr Zeit, um alles zu Lesen und zu verstehen, alle Kommentare, updates und Kontext die Frage, mit so vielen Bearbeitungen und bereits vorhandene Antworten.
InformationsquelleAutor Kārlis Millers | 2014-07-02
  1. 4

    Du Schwierigkeiten haben, da javascipt benutzt zu faul das Bild laden, sobald die Seite geladen ist. Verwenden phpDom zu finden, die die Id des Elements, und verwenden Sie dann den regulären Ausdruck zu finden, der die gewünschten Bilder anhand dieser Id.

    Um dies zu erreichen, versuchen Sie so etwas wie :

    $json = json_decode("<JSONSTRING HERE>");

foreach($html->find('div[class=profile_CF48B2B4A31B43EC96F0561F498CE6BF] a img') as $element) {
   $imgId = $element->getAttribute('id');

   foreach ($json as $lazy)
   {
      if ($lazy["id"] == $imgId) echo $lazy["data"];
   }
}

    Oben ist ungetestet, also müssen Sie beheben die kinks. Sie Schlüssel ist, um zu extrahieren die relevanten javascript und konvertieren von json.

    Alternativ können Sie die Verwendung von string-Suche-Funktionen, um die Zeile, die enthält die Informationen über die img -, und extrahieren Sie den gewünschten Wert ein.

    • Ich habe keinen Zugriff auf die php im moment, um einen konkreten Beispiel arbeiten, aber Sie können sich mit phpdom die Suche nach Skript-tags extrahieren deren Inhalte oder die Suche nach dem id-string in der ursprünglichen html - sollte es nur zwei Spiele, eines für die Steuerung, die andere für den lazyload, oder regulären Ausdruck verwenden, um zu extrahieren von JSON-array und verwenden Sie dann die oben genannten pseudo-code.
    • Vielen Dank für die Idee. Meine Letzte version in meinem Antwort-post.
    InformationsquelleAutor Kami
  2. 3

    Wenn Sie auf der Suche nach allen IDs, die die Teilzeichenfolge, "lazyload", könnten Sie versuchen, den Platzhalter-Selektor und auf einen Treffer Blick auf die 'src' Eigenschaft des Elements gefunden. Siehe jsfiddle unten. Viel Glück!

    $(document.body).find('img[id*=lazyload]').each(function() {
   console.log($(this).prop('src'));
});

    Jsfiddle

    • Können Sie fügen Sie bitte eine Erklärung? Code-nur die Antworten sind (manchmal) gut, aber code + Erklärung (meisten mal) besser
    • Ah! Ja, natürlich. Danke für den Stups. 🙂
    InformationsquelleAutor J. LaRosee
  3. 1

    Versuchen, diese - 

    foreach($html->find('div[class=profile_CF48B2B4A31B43EC96F0561F498CE6BF ] a img') as $element) {
$img = $element->getAttribute('src');
echo $img;
}

    Gibt es Leerzeichen nach den Namen der Klasse. Sie haben zum hinzufügen von Leerzeichen am Ende der Klasse name.

    ODER

    verwenden auch voll Klasse name

    $html->find('div[class=avatar profile_CF48B2B4A31B43EC96F0561F498CE6BF ] a img'

    InformationsquelleAutor TBI
  4. 1

    Verwendung der jQuery-Selektoren, D. H. $('#lazyload_-247847544_0'), und Sie können das Bild der Quelle die Verwendung dieses 

    var src = $('#lazyload_-247847544_0').attr('src');

    Genauer 

    $('.profile_CF48B2B4A31B43EC96F0561F498CE6BF #lazyload_-247847544_0').attr('src');

    Dank

    InformationsquelleAutor Mirza Arslan Baig
  5. 0
    function getReviews(){

    $url = 'http://www.tripadvisor.com/Hotel_Review-g274965-d952833-Reviews-Ezera_Maja-Liepaja_Kurzeme_Region.html';
    $html = new simple_html_dom();
    $html = file_get_html($url);
    $array = array();
    $i = 0;

   //IMG ID
    foreach($html->find('div[class=avatar] a img') as $element) {  $array[$i]['id']  = $element->getAttribute('id'); $i++;} unset($i);$i = 0;

    //IMG SRC
    $p1 = strpos( $html, 'var lazyImgs =' ) + 14;
    $p2 = strpos( $html, ']', $p1  );
    $raw = substr( $html, $p1, $p2 - $p1 ) . ']';
    $images = json_decode($raw);

    foreach ($images as $image){

        $id     = $image->id;
        $data   = $image->data;
        foreach ($array as $element){
            if ( isset($element['id']) && $element['id'] == $id){
                $array[$i]['image'] = $data;
                $i++;    
            }
        }
    }

    $html->clear();
    unset($html);
    return $array;
}

    Holen IMG ID im array. Dann scrach var Lazyload im json-und entschlüsseln. Dann vergleichen, 2 arrays und if id mach das hinzufügen von Daten in Arrays.
    Vielen Dank an alle!

    InformationsquelleAutor Kārlis Millers
Schreibe einen Kommentar