使用水豚将图像转换为base64

Question

我目前正在使用水豚来执行一些剪贴任务以及站点测试。 我在使用水豚下载图像/文件时遇到了困难。 我发现的所有文档仅指导简单的按钮，表单，链接交互。

如果有人知道如何将网页上的图像下载/转换为base64格式，将不胜感激。

Answer 1

本示例从带有Capybara / Selenium的网页中提取图像：

require 'capybara'

JS_GET_IMAGE = "
  var ele = arguments[0], callback = arguments[1], img = new Image();
  img.crossOrigin = 'Anonymous';
  img.onload = function(){
    var cnv = document.createElement('CANVAS');
    cnv.width = this.width;
    cnv.height = this.height;
    cnv.getContext('2d').drawImage(this, 0, 0);
    var type = this.src.endsWith('png') ? 'png' : 'jpeg';
    callback(cnv.toDataURL('image/' + type).substring(22));
  };
  var src = ele.src || window.getComputedStyle(ele).backgroundImage;
  img.src = /https?:/.test(src) ? src.match(/https?:[^\"')]+/)[0] : callback(''); "


session = Capybara::Session.new(:selenium)
driver = session.driver.browser
driver.manage.timeouts.script_timeout = 5000

# navigate to google
session.visit "https://www.google.co.uk/"

# get the logo element
ele = session.find(:css, '#hplogo img:nth-child(1)')

# get the logo as base64 string
imgBase64 = driver.execute_async_script(JS_GET_IMAGE, ele.native)

# save to a file
file = File.new("C:\\temp\\image." + (imgBase64[0] == 'i' ? 'png' : 'jpg'), 'wb')
file.write(Base64.decode64(imgBase64))
file.close

Answer 2

只是浏览了水豚宝石，发现了一个.render_base64和save_screenshot方法，可以将图像保存到png或jpg文件中，然后我可以裁剪出我想要的部分。 方法可以在这里找到： https : //github.com/teampoltergeist/poltergeist