Question

有没有办法通过javascript代码从外部网页获取图片？

我会解释：我有一个网站，比方说www.one.com，我想在这个网站的主页上显示一个存在于另一个网站的图片，比方说www.two.co.il

我可以这样做吗？

Answer 1

试试这个：

var img = document.createElement("img");
    img.src = "http://www.two.co.il/image.jpg";
document.body.appendChild(img);

Answer 2

方便的是在HTML中创建第一个占位符：

<div id='externalImage'></div>

因为如果布局发生变化并且允许精确放置，它不会破坏功能。

关于如何放置图像的真正问题，假设使用Jquery的标签：

$("#externalImage").html("<img src=\"http://put.url.here/image.jpg\" />");

如果要将其插入上述占位符中。否则，要将图像清楚地添加到文档中，您可以使用document.body.appendChild将其附加到已记录的BODY或其他地方，就像在其他答案中一样。

Answer 3

是。

var image = document.createElement('img');
image.setAttribute('src', 'http://www.two.co.il/foo.jpeg');
image.setAttribute('alt', 'something suitable');
document.body.appendChild(image);

只要你没有尝试将其他网站的内容导入JS （你不是，你在DOM中创建一个img元素，JS没有进一步的参与），你不会遇到同源政策。

Answer 4

或简单地说：

$("<img src='" + imgUrl + "' alt='" + altText + "'>").appendTo("body");

Answer 5

制作一个div并给出id =“div1”的高度和宽度

 <div id='div1' height='100' width='100'></div>
    $('#div1').css('background-image, 'http://www.two.co.il/urImage.jpg');

这是应用图像的最短路径

用javascript获取网页的图像

5 个答案: