保存必应每日照片图像为网站背景

Save Bing Daily Photo Image for website background

本文关键字:网站 背景 图像 照片 每日 保存      更新时间:2023-09-26

我试图在每日必应照片的XML文件中抓取img的url,以便我可以将其设置为我的网站背景的src。

这是我的代码:

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
<script>
    var x = new XMLHttpRequest();
    x.open("GET", "http://www.bing.com/HPImageArchive.aspx?format=xml&idx=0&n=1&mkt=en-US", true);
    x.onreadystatechange = function () {
        if (x.readyState == 4 && x.status == 200) {
            var doc = x.responseXML;
            var stock = document.getElementById("stock");
            var img = doc.getElementsByTagName("url")[0].childNodes[0].nodeValue;
            stocksrc.setAttribute("src", img);
        }
    };
    x.send(null);
</script>
</head>
<body>
    <img id="stock" src="#">
</body>
</html>

这是我遇到的错误:

XMLHttpRequest无法加载http://www.bing.com/HPImageArchive.aspx?format=xml& idx = 0, n = 1, mkt = en - us。请求的文件中没有"Access-Control-Allow-Origin"标头资源。因此,不允许访问原点'null'。

你不能做从一个域(abc.com)到另一个(xyz.com)的XHR请求,除非xyz.com明确允许abc.com这样做。

由于bing.com没有明确允许你做跨域请求(即,他们没有包括适当的Access-control-allow-origin头),浏览器将阻止你从你自己的网站加载该资源。

详情请参阅:https://stackoverflow.com/a/10636765/260035