I am trying to scrape Feature Image using scrapy in python but its giving result " data:image/s-CodePudding

I am trying to scrape Feature Image using scrapy in python but its giving result " data:image/svg xml; .... " instead of Image src can any one help me to fix this and explain me why I am getting this "data:image/svg xml;charset=utf-8," instead of image src.

Here is my Code. class NewsSpider(scrapy.Spider): name = "cruiseradio"

def start_requests(self):
    url = input("Enter the article url: ")
    
    yield scrapy.Request(url, callback=self.parse_dir_contents)

def parse_dir_contents(self, response):
    try:
        Feature_Image = [i.strip() for i in response.css('img[class*="wp-image-150660 sp-no-webp"] ::attr(src)').getall()][0]
    except IndexError:
        Author = "NULL"
    yield{
        'Feature_Image': Feature_Image,
    }

Here is URL of the site. https://cruiseradio.net/new-expedition-ship-delivered-atlas-ocean-voyages/

CodePudding user response：

Because that particular attribute is filled dynamically. Use the data-origin-src attribute instead.

Feature_Image = [i.strip() for i in response.css('img[class*="wp-image-150660 sp-no-webp"] ::attr(data-origin-src)').getall()][0]

Result:

{'Feature_Image': 'https://cdn.cruiseradio.net/wp-content/uploads/2022/10/Atlas_Ocean_Voyages-1030x687.jpeg'}