javascript - JavaScriptを介してFacebookの画像URLを返す

Question

javascript APIを介してFacebookユーザーのプロフィール写真を返そうとしています

<script type="text/javascript">   
    function get_profile_pic(){
                    FB.api("/me/picture?type=square",  function(response) {
                    alert(response.data.url); 
                        return response.data.url;
                    });
                }
    </script>

私のhtmlファイルには次のものがあります：

<img class="profile_pic" src="get_profile_pic();"/>

私が持っている私のcssファイルに

    #profile_pic {
   height: 50px;
   width: 50px; 
   top: 315px;
    left: 30px;
    position: absolute;
    display: block;
}

しかし、ページをロードすると、プロフィール写真が表示されません。アラートの URL は画像用であるため、API が正しく動作することはわかっていますが、html ページに読み込まれないため、何が欠けているのかわかりません。どんな助けでも大歓迎です！