最近在用selenium爬取一些数据，其中就要攻破验证码，奈何selenium本身没有直接保存图片的功能，经过一番度娘，对网上的方法不是很赞同，大体上有下面两种方法：
整个页面截图，然后根据获取的Element大小切割图像
使用鼠标和键盘事件模拟另存操作
我认为第一种方法再某些情况下可能会造成图片清晰度丢失，因为有些网站的图片是经过css限制了大小展示在页面上，如果截图的话，势必图像像素变小，清晰度降低。第二种方法可以实现，但是太复杂，中间鼠标、键盘还不能有其他动作，抗干扰能力差。
经过一番思考，我突然想到之前做的一个需求：在一个单页面应用上下载文件。当时是使用window.open实现的，但是新用户在使用的时候浏览器总会拦截，这样的体验不是很好。因此后来又改良了一下，使用XMLHttpRequest请求，返回blob，然后构造一个a标签，填充base64，完成下载，代码如下：
var url = 'url';
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = blob;
xhr.onload = function() {
if (this.status === 200) {
varblob = this.response;
varreader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = function(e) {
vara = document.createElement('a');
a.download = 'aaa.jpg';
a.href = e.target.result;
$(body).append(a);
a.click();
$(a).remove();
}
}
};
xhr.send();
后面的事情就不用多说了，文件已经下载下来，而且是源文件。需要的小伙伴快去试试吧~~