Cheerio keeps returning undefined for attr of element

Hi there. I don’t know if this is a bug or a mistake from my end, but the following line keeps returning ‘undefined’.

    const request = require('axios');

    getImage(link) {
        return new Promise((resolve, reject) => {
            request
                .get(link)
                .then((response) => {
                    let html = response.data;
                    let $ = cheerio.load(html);
                    let image = $('img.vacancy-img').attr('src');
                    return resolve(image);
                })
                .catch((error) => reject(error));
        });
    }

HTML: http://topjobs.lk/employer/advertismentpreview.jsp?jc=0000450465&rid=39&ac=DEFZZZ&ec=DEFZZZ

Using jquery on the site, the function returns the expected data, but not via cheerio.

[MCTaylor17]

Looking at the link you provided, the image you’re targeting is loaded dynamically. I would guess that at the time you’re trying to access it’s src, it hasn’t been loaded.

I would suggest adding a delay loop that checks if the image exists.

Note: The image doesn’t load as a dataURI. The one on the page you linked first appears like this:

<img alt="" src="/logo/DEFZZZ/6493c8.jpg" style="border-style:solid; border-width:3px; height:984px; width:672px" class="vacancy-img">

This means you have to check for not only the existence of the image, but some other check like a minimum length of the src attribute.

[fb55]

What @MCTaylor17 said 😃