How to save an image using Selenium Webdriver and C#?

Question

I need to save an image on a website using Selenium Webdriver in a C# application, however I am not able to do this. So far the options I found do not work.
Please any solution?
Thanks.
One of the options I tested is using the gravity.code extension

using System.IO;
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Extensions;

driver = new ChromeDriver(driverService, opts);
          driver.Navigate().GoToUrl("https://rd1.com.br/fora-da-globo-fausto-silva-recusa-convite-do-canal-para-homenagem/");

          try
          {
             string ImageLink = "//*[@id='post-1163172']/div[8]/ul/li[2]/div[1]/a/img";
             // from element attribute
             var element = driver.FindElement(By.XPath(ImageLink)).DownloadResource(path: @"C:\temp\a.png", attribute: "src");

             // from element text
             var element2 = driver.FindElement(By.XPath(ImageLink)).DownloadResource(path: @"C:\temp\b.png");
          }
          catch (Exception ex)
          {
             Console.WriteLine(ex.Message);
          }

What are the options you found that do not work? Please add some context about what you've tried. — defines
– defines, Commented Jun 19, 2021 at 19:04

defines · Accepted Answer · 2021-07-12 14:35:49Z

1

One way is to use WebClient from the System.Net namespace:

string ImageLink = "//*[@id='post-1163172']/div[8]/ul/li[2]/div[1]/a/img";

// Find the image element using xpath or other selector
var element = driver.FindElement(By.XPath(ImageLink));

// Get the value of the src attribute from the image element
var imageSrc = element.GetAttribute("src");

// Download the image file from the src URI
using (var client = new System.Net.WebClient())
{
    client.DownloadFile(imageSrc, @"C:\temp\a.png");
}

This can be simplified a bit by adding using System.Net; at the top of the file and, if using C# 8 or greater, omitting the braces for the using (var client = new WebClient()) block.

Update

To preserve session from WebDriver to read the image data into a data URL (base 64 representation) and write to a local file. Note that this will lose any exif/metadata in the image as it only reads the visual data.

This example uses the System.Drawing.Common NuGet package to pull in Bitmap and ImageFormat, but the same can be accomplished similarly with your library of choice.

string ImageLink = "//*[@id='post-1163172']/div[8]/ul/li[2]/div[1]/a/img";

// Create dataurl base64 string
var dataUrl = driver.ExecuteScript(@$"
    var c = document.createElement('canvas');
    var ctx = c.getContext('2d');
    var img = document.evaluate(""{ImageLink}"", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
    c.height=img.naturalHeight;
    c.width=img.naturalWidth;
    ctx.drawImage(img, 0, 0,img.naturalWidth, img.naturalHeight);
    var base64String = c.toDataURL();
    return base64String;
    ") as string;

// Write the image data out to a file
var base64 = dataUrl.Split(',').Last();
using var stream = new MemoryStream(Convert.FromBase64String(base64));
using var bitmap = new Bitmap(stream);
bitmap.Save(@"C:\temp\a.png", ImageFormat.Png);

edited Jul 12, 2021 at 14:35

answered Jun 19, 2021 at 22:10

defines

10.6k4 gold badges43 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mil Over a year ago

I mentioned this example page, but the image I need to save is on a site that requires a login to be accessed, so the Webclient is not suitable for this case. Your answer is correct for a situation on an open site. Thanks. But when using on the restricted site, I get the error response: "The remote server returned an error: (400) Bad Request."

defines Over a year ago

Ah, that is the same reason Gravity.Core isn't working for you. Do you care about exif/metadata in the image?

defines Over a year ago

See my last question - do you care about exif or metadata in the image? If not, I can update my answer with an example of using a data url to download just the visual image data, but exif/metadata are lost. Otherwise, you'll need a more complex solution that can support your authenticated session, which will be a very different answer.

Mil Over a year ago

exif or madata are not needed. I just need the image. Thank you again.

Collectives™ on Stack Overflow

How to save an image using Selenium Webdriver and C#?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related