Selenium下载页面上的图片

当要获取页面上的图片，我们常规的做法是：

在图片上点击鼠标右键，
然后选择 图片另存为，弹出保存窗口，
选择或输入保存的位置，
点击 确定 按钮即可。

在selenium3.0以前，我们是可以通过selenium+Autoit（或者pywinauto）的方式直接模拟这种操作：

找到图片元素，
使用鼠标ActionChains类中的context_click方法实现右键点击，
使用键盘Keys类发送键盘模拟操作，
- 先发送DOWN命令模拟键盘方向键向下，
- 再发送V键，也就是另存为的快捷键
弹出了文件保存的窗口，
通过Autoit或者pywinauto实现图片的下载。

具体代码和操作我就不写了，可以百度出很多！

但是现在selenium3.0中无法实现通过发送DOWN和V键命令的方式实现打开文件保存窗口了，因此也就没办法通过这种方式来保存文件。
不过我们可以借助selenium+requests的来完成图片的保存。

基本思路是，通过selenium获取图片的地址，再通过requests来将图片保存到本地。

requests是接口测试主要使用的第三方库，先下载requests库,

pip install requests

对于图片，有两种情况，一种是img标签，那么src属性就是图片的地址；另一种是其他标签（a，div等等），图片地址放在css的background-image属性中。
具体我们来看看每一种的情况：
第一种，我们打开百度：

img标签

对于这种直接是img标签，那么直接获取src属性即可。
由于京东的广告图片是不停变化的，因此我们例子中使用百度首页上的 图片。

from selenium import webdriver
import requests

driver = webdriver.Chrome()
driver.implicitly_wait(30)

driver.get('http://baidu.com')

#  使用get_attribute()方法获取对应属性的属性值，src属性值就是图片地址。
url = driver.find_element_by_css_selector('#lg>img').get_attribute('src')
driver.quit()

# 通过requests发送一个get请求到图片地址，返回的响应就是图片内容
r = requests.get(url)

# 将获取到的图片二进制流写入本地文件
with open('baidu.png', 'wb') as f:
    # 对于图片类型的通过r.content方式访问响应内容，将响应内容写入baidu.png中
    f.write(r.content)

第二种，我们打开京东：

a标签

对于这种需要使用value_of_css_property()或借助js脚本才行，因为css的属性，通过selenium无法获取到。

from selenium import webdriver
import requests
import re

driver = webdriver.Chrome()

driver.get('http://jd.com')
driver.implicitly_wait(30)

# 在js字符串中增加return，可以将js执行的值返回给selenium
# $(obj).css(attr,attrvalue)，JQuery语法，获取页面对象obj的css属性值，或修改属性值
js = "return $('[href=\"//www.jd.com\"]').css('background-image')"

# 获取js执行后的结果，这里的结果是"url("https://misc.360buyimg.com/mtd/pc/index/home/images/logo.v3.jpg")"
url = driver.execute_script(js)

# 上面两句也可以换成使用value_of_css_property()方式
# url = driver.driver.find_element_by_class_name("mobile_static_qrcode").value_of_css_property('background')

# 由于获取到的url还包含了一些其他的字符，因此需要处理
# 最好的办法就是用正则表达式来匹配其中的网址
# 匹配网址的正则表达式“(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]”
url = re.search(r'(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]', url).group(0)

r = requests.get(url)

# 将获取到的图片二进制流写入本地文件
with open('jd.png', 'wb') as f:
    # r.content 返回压缩格式的数据，一般图片之类的都是通过r.content获取
    f.write(r.content)

    driver.quit()

对语句的解释都写在了代码中。