使用xpath获取图像

cra骨

我一直试图从此网站上抓取信息https://www.fineandcountry.com/sa/property-for-sale/cape-town-clifton/property/929703，我在获取物业的所有图片时遇到问题：它们是内部属性样式，这使我有些挣扎。我一直在尝试做的是：

images = response.xpath("//div[@class='search-results-gallery-property']
/a[@class='rotator_thumbs']/@style").extract()

但是到目前为止，这是空的。

它是这样的：

<div class="search-results-gallery-property">
  <a style="background-image: 
url(https://static.propertylogic.net/property/8/200673/IMG_200673_3_small.jpg);" class="rotator_thumbs">
  </a></div>

关于我做错了什么/如何从属性样式中提取的任何建议？谢谢！

SIM卡

您尝试使用的类名似乎是动态生成的。它们在页面源中的方式如下：

<a href="https://static.propertylogic.net/properties/8/972/1900/929703/IMG_yPAH7LUOOusZs642oS1TjGTl9WIXaOUKWWMsXiSnL0luoixXTAyNV32n9kiM_hd.jpeg" class="fancybox-thumbs col-md-4 col-sm-6 col-xs-12" data-fancybox-group="property-images" style="margin-bottom: 10px; padding-right: 5px; padding-left: 5px;">
    <div class="col-md-12" style="background: url('https://static.propertylogic.net/properties/8/972/1900/929703/IMG_yPAH7LUOOusZs642oS1TjGTl9WIXaOUKWWMsXiSnL0luoixXTAyNV32n9kiM_small.jpeg'); height: 160px; padding-right: 0px; padding-left: 0px; background-size: cover; background-position: center;"> </div>
</a>

您可以使用两者之一来获取原始图像链接：

for item in response.css('a[data-fancybox-group="property-images"] > [style^="background"]::attr(style)').getall():
    yield {"image_link":item}

for item in response.xpath('//a[@data-fancybox-group="property-images"]/*[starts-with(@style,"background")]/@style').getall():
    yield {"image_link":item}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。