Question

我有一个图像的链接，我想将其保存为图像。例如，链接为http://graph.facebook.com/sarfraz.anees/picture。如何将其保存到javascript中的图像变量中，以便我可以使用它来执行：

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

如果有人可以指导我如何将此图像调整为50x50，那么

也会非常有用。这是我的最新代码

更新

<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>

问题是我无法获得其他脚本上的图片

Answer 1

只是有什么问题：

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的图片......

Answer 2

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

document.body.appendChild(pic);

只需替换您想要附加图片的位置即可。例如，如果它是div，其ID为myDiv，则可以说

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

希望这有点帮助！

在javascript中从链接获取图像

2 个答案: