使用 jqeury 從網址取得網頁截圖

如果有想要從網址取得該網頁的縮圖，可以使用 google 的 PageSpeed api，簡單地用 ajax 從以下的網址取得資訊後再處理即可。

view plaincopy to clipboardprint

1. https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + url + '&screenshot=true  

用 jqeury 的 ajax 就會像這樣。

view plaincopy to clipboardprint

1. $.ajax({   
2.             url: 'https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + url + '&screenshot=true',   
3.             context: this,   
4.             type: 'GET',   
5.             dataType: 'json',   
6.             timeout: 60000,   
7.             success: function(result) {   
8.                 var imgData = result.screenshot.data.replace(/_/g, '/').replace(/-/g, '+');   
9.                 $("img").attr('src', 'data:image/jpeg;base64,' + imgData);   
10.             },   
11.             error:function(e) {   
12.                 $("#msg").html("讀取失敗");   
13.             }   
14. });  

在看怎麼處理讀取前跟讀取後就好了，