Pull a Website Image into A Snippet

Questions and Help
1

I am working on a snippet that formats a chain of custody form that's used in shipping items to auction winners. The buyer invoices have pictures of the items, and I've been able to isolate the image URL's using site/html and extractregex.

I've looked at the image command, but it doesn't expand the variable that I've created with the URL or the site/html. Text Blaze is saving me so much time creating these forms that copy and pasting the pictures is no big deal, but I feel like I'm missing something about the {image} functionality. Perhaps there's another way to do this that I've missed due to my lack of experience with Text Blaze.

Thanks for any insight. I've got to go on to other priorities right at the moment.

2

Hi @Mary_Walker.

The {image} command can be used in your case, as long as the image URLs are coming from a fixed and pre-known domain(s), like for example:

{imagefile="lamp.jpg"}
{image: https://www.w3schools.com/images/{=imagefile}}

If the domain is not fixed in the command, it will not work, for example:

{imagefile="https://www.w3schools.com/images/lamp.jpg"}
{image: {=imagefile}}

That's because the image's domain should be white listed in your folder's connected settings, for security reasons.

Therefore, if your images are coming from fixed domains like this, you may use regex to extract the image path from the URL, then use it in the {image} command as I already explained.

I'd be more than happy if you wanted me to jump on a quick call with you to help you on this.

3

Yup! It works like a champ. Here's the finished snippet that does the job:

{imageurl=extractregex({site: html; page=https://www.bidsquare.com/*; select=ifneeded; selector=table :nth-child(1) .detail_s_img},"\d+/\d+.jpeg"); trim=yes}
{image: https://s1.img.bidsquare.com/item/m/{=imageurl}; height=268; width=181; trim=left}

It sure beats writing out the forms long hand!

Thanks so much for the help!

2 Likes