使用 JavaScript 获取网页的图像

getting a webpage's image(s) with javascript

本文关键字：图像 网页 获取 JavaScript 使用      更新时间：2023-09-26

有没有办法用javascript代码从外部网页获取图像？

我将解释：我有一个网站，比如说 www.one.com，我想在这个网站的主页上显示另一个网站中存在的图像，比如说 www.two.co.il

我能做到吗？

试试这个：

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

一个方便的做法是首先在HTML中创建一个占位符：

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

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

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

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

如果要将其插入上述占位符。否则，要将图像简单地添加到文档中，您可以使用其他答案中的document.body.appendChild将其附加到文档的 BODY 或其他地方。

是的。 

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没有进一步的参与），你就不会遇到同源策略。

或简单地：

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

创建一个div并给出id = "div1"的高度和宽度

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

这是应用图像的最短方法

相关文章：