selenium下载图片(原图)

测试积点老人

最近在用selenium爬取一些数据，其中就要攻破验证码，奈何selenium本身没有直接保存图片的功能，经过一番度娘，对网上的方法不是很赞同，大体上有下面两种方法：

• 整个页面截图，然后根据获取的Element大小切割图像
• 使用鼠标和键盘事件模拟另存操作
  

我认为第一种方法再某些情况下可能会造成图片清晰度丢失，因为有些网站的图片是经过css限制了大小展示在页面上，如果截图的话，势必图像像素变小，清晰度降低。第二种方法可以实现，但是太复杂，中间鼠标、键盘还不能有其他动作，抗干扰能力差。

经过一番思考，我突然想到之前做的一个需求：在一个单页面应用上下载文件。当时是使用window.open实现的，但是新用户在使用的时候浏览器总会拦截，这样的体验不是很好。因此后来又改良了一下，使用XMLHttpRequest请求，返回blob，然后构造一个a标签，填充base64，完成下载，代码如下：

1. var url = 'url';
   
2. var xhr = new XMLHttpRequest();
   
3. xhr.open('GET', url, true);
   
4. xhr.responseType = blob;
   
5. xhr.onload = function() {
   
6.     if (this.status === 200) {
   
7.         varblob = this.response;
   
8.         varreader = new FileReader();
   
9.         reader.readAsDataURL(blob);
   
10.         reader.onload = function(e) {
    
11.             vara = document.createElement('a');
    
12.             a.download = 'aaa.jpg';
    
13.             a.href = e.target.result;
    
14.             $(body).append(a);
    
15.             a.click();
    
16.             $(a).remove();
    
17.         }
    
18. 
    
19.     }
    
20. };
    
21. xhr.send();

复制代码

后面的事情就不用多说了，文件已经下载下来，而且是源文件。需要的小伙伴快去试试吧~~