從javascript中的鏈接中獲取圖像

我有一個圖像鏈接，我想將其保存爲圖像。例如鏈接是http://graph.facebook.com/sarfraz.anees/picture。如何保存成JavaScript的圖像變量這個，所以我可以用它來做：從javascript中的鏈接中獲取圖像

document.write("<img src=\"" + pic + "\" class=\"avatar\">")

也將是非常有用的，如果有人能指導我如何將這些圖像調整到50×50。這裏是我的最新代碼

UPDATE：

<body id="suggestions" class="default verified "> 
    <div id="fb-root"></div> 
    <script type="text/javascript"> 
      FB.init({appId: '1355709392349404', status: true, cookie: true, xfbml: true}); 
      FB.getLoginStatus(function(response) { 
       if (response.session) { 
       pic = "http://graph.facebook.com/" + response.session.uid + "/picture"; 
       } else { 
       window.location = "index.php" 
       } 
      }); 
    </script> 
    <div class="clearfix" id="wrap"> 
     <div id="nav"> 
      <div class="center clearfix"> 
       <h5> 
        <a href="/main.php">Favor</a> 
       </h5> 
       <ul class="icons menu clearfix"> 
        <li> 
         <a title="You" href="/me"> 
          <script type="text/javascript"> 
           document.write("<img src=\"" + pic + "\" class=\"avatar\">"); 
          </script> 
         </a> 
        </li>

問題是，我不能讓PIC是在其他腳本

來源

2011-04-24 adit

當你說你「有」一個鏈接，你是什麼意思？什麼「有」它？如果您知道圖片網址，爲什麼不輸入「'標籤？ – Pointy 2011-04-24 17:29:18

現在我在哪裏見過那張臉... – 2011-04-24 17:30:58

更新了我的問題 – adit 2011-04-24 17:39:48

出了什麼問題只是：

document.write('<img src="http://graph.facebook.com/sarfraz.anees/picture" class="avatar">');

或...

var pic = 'http://graph.facebook.com/sarfraz.anees/picture'; 
document.write("<img src=\"" + pic + "\" class=\"avatar\">")

??它已經是一個50x50的圖像...

來源

2011-04-24 17:29:06

以上我收到了一張未在我的控制檯窗口中定義的圖片。我已經在頭部定義了var pic = url圖像。這是動態的，並在我的身體寫我 – adit 2011-04-24 17:31:02

var pic = document.createElement('img'); 
pic.className = 'avatar'; 
pic.src = 'sourcetopicture.png'; 
pic.height = '50'; 
pic.width = '50'; 

document.body.appendChild(pic);

只需替換你想追加圖片的位置。舉例來說，如果它是一個div與myDiv的ID，你可以說

document.getElementById('myDiv').appendChild(pic);

希望這有助於一點！

來源

2011-04-24 17:33:05 Hacknightly

我認爲問題是與變量範圍界定..我已經更新了上面的問題 – adit 2011-04-24 17:38:25

從javascript中的鏈接中獲取圖像

回答

相關問題