Has anyone successfully used Web clipper + CSS Selector + Regex?

Dean_Arnold · May 1, 2020, 4:42am

I’m trying to extract Amazon images from within a script element on this page:

Here are the two image URLs I need:
https://images-na.ssl-images-amazon.com/images/I/41TtSJe5lcL.AC.jpg
https://images-na.ssl-images-amazon.com/images/I/31wH6HDKdZL.AC.jpg

Any suggestions how to grab the image URLs I need for my Airtable image field?

Many thanks

andywingrave · May 1, 2020, 7:08am

There are so many ways to solve this problem but the way I’d do it is:

Just grab the keys from the object using Object.values(myObject); loop through the returned array and pull out whichever ones you need.

Dean_Arnold · May 1, 2020, 7:35am

Thanks @andywingrave !

I’m not a developer and I don’t understand what you’re saying.

In my Web Clipper (screenshot below), is there a CSS Selector I can use to grab the two image URLs?

andywingrave · May 1, 2020, 7:37am

Ok - Your links aren’t working for me. can you send me a screenshot of the images you want to pull from Amazon please?

Dean_Arnold · May 1, 2020, 7:46am

Sure

They are the main images for the product. When you click the thumbs to the left they display. The current product and page in question only has two thumbnails and corresponding large images. Other products/pages have as many as 8 images.

andywingrave · May 1, 2020, 7:50am

Try using this for the big image:

.a-dynamic-image

If that works - Great! The side images I think might be trickier though. I can’t take a look at this until this weekend sadly - But I hope that points you in the right direction

Dean_Arnold · May 1, 2020, 7:56am

Works! Classy

Grabs the first image anyway. Not the second.

system · May 16, 2020, 7:56am

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.