最近在用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();
后面的事情就不用多说了,文件已经下载下来,而且是源文件。需要的小伙伴快去试试吧~~