2017年10月29日 星期日

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

如果有想要從網址取得該網頁的縮圖,可以使用 google 的 PageSpeed api,簡單地用 ajax 從以下的網址取得資訊後再處理即可。
  1. https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + url + '&screenshot=true  


用 jqeury 的 ajax 就會像這樣。
  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. });  

在看怎麼處理讀取前跟讀取後就好了,
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...