問題描述

我想緩存圖片驗證碼到本地,然后讓用戶通過web服務看到圖片手動打碼登錄。由于考慮到正式運行是無界面的，所以無法使用selenium的截屏。除了selenium截屏和右鍵方式，還有沒有其他的辦法？

目前想到了用js將驗證碼重新請求到放入canvas中再toDataURL成png的base64碼輸出到Dom再用selenium獲取。下面的代碼測試用的是移動商城的登錄入口驗證碼。

$(’body’).append(’<canvas id='CAVASIMG'></canvas>’);var img=new Image();img.src='http://shop.10086.cn/i/authImg';var d=document.getElementById('CAVASIMG');var cxt=d.getContext('2d');img.onload = function(){ d.width = img.width;d.height = img.height; cxt.drawImage(img,0,0); console.log(d.toDataURL(’png’));};

如果請求驗證碼的url與登錄的url不同域的話就會報錯跨域。而且還需要測試這樣拿到的驗證碼圖片是否還存在當前會話有效期內。請問上面的跨域問題該如何解決？

問題解答

你先抓包看看圖片的請求路徑，然后用requests下載圖片就行了

樓上的是一種方法， 用selenium + PhantomJS也可以

圖片驗證碼 和 讀取圖片時的cokies是一體的

只要保證回答的驗證碼和cokies相一致就行。

最后我采用的是js方式

var img=document.getElementById(’IMGCODEID’);var d=document.createElement(’CANVAS’);var cxt=d.getContext(’2d’);d.width=img.width;d.height=img.height;cxt.drawImage(img,0,0);img.src=d.toDataURL(’png’);