Скребок: Как мы загружаем изображение в Div Class, URL которого открывает изображение

Question

Как мы можем захватить изображение, которое имеет следующий код?так как он отличается от общего формата, где я только фиксирую src и img.

<div class="avatar" style="background-image: 
url(customavatars/545/5453285_1410924046.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;width: 120px;height: 120px;border-radius: 70px;margin: 10px 0 10px 10px;" onmouseover="showUserInfoBox('userinfo234340519')" onmouseout="clearShowUserInfoTimer()"></div>

Оригинальный веб-сайт Visit https://mobile.uwants.com/viewthread.php?tid=19780494&extra=page%3D1

Изображение: Visit https://imgur.com/Gbckna1

Спасибо

Answer 1

Вы можете использовать re_first()

response.xpath('//div[@class="avatar"]/@style').re_first(r'url\([^\)]+')

Answer 2

Поскольку изображение, которое вы хотите получить, определено как фон css, вам необходимо извлечь содержимое атрибута style и проанализировать полученный вами css.

Вы можете попытаться сделать это самостоятельно, но, вероятно, будет проще использовать существующую библиотеку, такую ​​как cssutils или tinycss2 .