我想快取圖片驗證碼到本地,然後讓用戶透過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不同網域的話就會錯誤跨域。
而且還需要測試這樣拿到的驗證碼圖片是否還存在當前會話有效期內。
請問上面的跨域問題該如何解決?
高洛峰2017-06-12 09:23:28
最後我採用的是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');