Comment télécharger une image à l'aide de Sélénium (toute version)?

Je préfère faire quelque chose comme ceci :

1. Get the SRC attribute of the image.
2. Use ImageIO.read to read the image onto a BufferedImage
3. Save the BufferedImage using ImageIO.write function

Je préfère comme ça:

 WebElement logo = driver.findElement(By.cssSelector(".image-logo"));
 String logoSRC = logo.getAttribute("src");

 URL imageURL = new URL(logoSRC);
 BufferedImage saveImage = ImageIO.read(imageURL);

 ImageIO.write(saveImage, "png", new File("logo-image.png"));

Les autres solutions ne fonctionnent pas sur tous les navigateurs, ne fonctionnent pas sur tous les sites, ou les deux.

Cette solution devrait être beaucoup plus robuste. Il utilise le navigateur pour afficher l'image, redimensionne le navigateur pour s'adapter à la taille de l'image, prend une capture d'écran, et enfin redimensionne le navigateur vers le format de l'original.

Python:

def get_image(driver, img_url):
    '''Given an images url, return a binary screenshot of it in png format.'''
    driver.get_url(img_url)

    # Get the dimensions of the browser and image.
    orig_h = driver.execute_script("return window.outerHeight")
    orig_w = driver.execute_script("return window.outerWidth")
    margin_h = orig_h - driver.execute_script("return window.innerHeight")
    margin_w = orig_w - driver.execute_script("return window.innerWidth")
    new_h = driver.execute_script('return document.getElementsByTagName("img")[0].height')
    new_w = driver.execute_script('return document.getElementsByTagName("img")[0].width')

    # Resize the browser window.
    logging.info("Getting Image: orig %sX%s, marg %sX%s, img %sX%s - %s"%(
      orig_w, orig_h, margin_w, margin_h, new_w, new_h, img_url))
    driver.set_window_size(new_w + margin_w, new_h + margin_h)

    # Get the image by taking a screenshot of the page.
    img_val = driver.get_screenshot_as_png()
    # Set the window size back to what it was.
    driver.set_window_size(orig_w, orig_h)

    # Go back to where we started.
    driver.back()
    return img_val

Un inconvénient de cette solution est que si l'image est très petite, le navigateur ne change pas de taille que les petits, et vous pouvez obtenir une bordure noire autour de lui.

Si vous avez besoin de tester cette image est disponible et existe, vous pouvez le faire comme ceci:

protected boolean isResourceAvailableByUrl(String resourceUrl) {
    //backup current url, to come back to it in future
    String currentUrl = webDriver.getCurrentUrl();
    try {
        //try to get image by url
        webDriver.get(resourceUrl);
        //if "resource not found" message was not appeared - image exists
        return webDriver.findElements(RESOURCE_NOT_FOUND).isEmpty();
    } finally {
        //back to page
        webDriver.get(currentUrl);
    }
}

Mais vous devez être sûr, que currentUrl va vraiment faire vous de retour à la page d'avant l'exécution de cette méthode. Dans mon cas, c'était ainsi. Sinon, vous pouvez essayer d'utiliser:

webDriver.navigate().back()

Et aussi, malheureusement, comme il semble, il n'y a aucune chance pour analyser le code d'état de réponse. C'est pourquoi vous avez besoin de trouver tout web spécifique de l'élément sur NOT_FOUND page et vérifiez qu'il était apparu et de décider ensuite - que l'image n'existe pas.

Il est juste de solution, la cause je n'ai trouvé aucune aucune manière officielle pour le résoudre.

NOTE:
Cette solution est utile dans le cas lorsque vous utilisez autorisé session pour obtenir des ressources, et ne peut pas il suffit de le télécharger par ImageIO ou strictement par HttpClient.

ici est une solution d'activer javascript.
c'est un peu idiot, et je suis las de frapper la source de l'image du serveur avec de trop nombreuses demandes. quelqu'un peut-il me dire si le fetch() accède à la mémoire cache du navigateur? je ne veux pas de spam du serveur source.

il ajoute un FileReader() de la fenêtre, extrait et convertit l'image en base64 et tags de chaîne sur la fenêtre.

le conducteur peut alors revenir à cette fenêtre variable.

export async function scrapePic(driver) {
try {
console.log("waiting for that profile piccah")
console.log(driver)

let rootEl = await driver.findElement(By.css('.your-root-element'));
let imgEl = await rootEl.findElement(By.css('img'))
await driver.wait(until.elementIsVisible(imgEl, 10000));
console.log('profile piccah found')
let img = await imgEl.getAttribute('src')
//attach reader to driver window
await driver.executeScript(`window.myFileReader = new FileReader();`)
await driver.executeScript(`
  window.myFileReader.onloadend = function() {
    window['profileImage'] = this.result
  }
  fetch( arguments[0] ).then( res => res.blob() ).then( blob => window.electronFileReader.readAsDataURL(blob) )
  `, img)
await driver.sleep(5000)
let img64 = await driver.executeScript(`return window.profileImage`)
console.log(img64)


} catch (e) {
console.log(e)
} finally {
return img64
  }
}