Question

我使用捆绑了电子的节点，javascript和HTML。

我使用随机图片API从网上下载图片，然后将图片保存为bg.jpg，然后将其设置为正文背景。这都在setInterval()中，每10秒执行一次。

图像下载并成功覆盖旧图像，但在浏览器窗口中它不适用于新图像到身体的背景 - 它只在第一轮发生。我似乎无法弄清楚发生了什么，但似乎旧图像永远不会在浏览器资源中更新。

var fs = require('fs'),
    request = require('request');

var download = function(uri, filename, callback){
  request.head(uri, function(err, res, body){
    request(uri).pipe(fs.createWriteStream(filename)).on('close', callback);
  });
};

function getPhoto() {
    download('https://picsum.photos/200/300/?random', 'bg.jpg', function() { 
        document.body.style.backgroundImage = "url(bg.jpg)";
    });
}

getPhoto();
setInterval(()=>{
    getPhoto();
}, 10000);

Answer 1

这可能是缓存问题，你能试试吗？

document.body.style.backgroundImage = `url(bg.jpg&ts=${Date.now()})`;

图像未在浏览器窗口中更新

1 个答案: